IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> JavaScript-对象 -> 正文阅读

[JavaScript知识库]JavaScript-对象

目录

? ? 1. 概念

? ? 2. 使用

3. 操作对象

4. 遍历对象

?5. 内置对象


? ? 1. 概念

JavaScript里的一种数据类型 ,是一种无序的数据集合。用来描述一种事物或一个人

? ? 2. 使用

语法: let 对象名= {} 例如:

let person = {}

添加属性

 let person = {

name: '华晨宇',

age: 31,

sex: '男',

sing : function () {

alert('看着飞舞的尘埃掉下来')}

}

?

属性访问

console.log(person.name)

方法访问:

person.sing()

?

3. 操作对象

对象也有增,删,改,查的操作,他们的操作如下:

增:

对象名.新属性名 = 新值

例如:

person.work = 'singer'

?

?

删:

delete 对象名.属性名

例如:

delete person.work

?

改:

对象.属性 = 值

对象.方法 = function() {}

例如:

person.name = '林俊杰'

查:

对象.属性 或者 对象[‘属性’]

对象.方法()

查询是有两种方式的, 例如:

console.log(person.name?)

console.log(person['name'])

person.sing()

?与访问的方式是一样的。

4. 遍历对象

与数组不同,对象遍历 的方式是:?

 for (let k in person) {
 console.log(k)// 打印属性名
}

  for (let k in person) {
 
  console.log(person[k]) //打印属性值
  }

一定记住: k 是获得对象的 属性名 对象名[k] 是获得 属性值

?5. 内置对象

?类似于document.write , console.log 是JavaScript的内置对象,Math(注意M一定要大写)也是一个内置对象,我们可以直接拿来用,并且Math最主要用来生成随机数。

比如生成m-n 之间的随机数

?像我们生活中用到的随机点名的原理与此类似。那么随机点名要如何实现呢?

比如我们现在有上一篇文章中的数组:

let names = ['华晨宇','周杰伦','邓紫棋','林俊杰','张钰琪','毛不易']
console.log(names)

现在要随机点名,

<script>
        let arr = ['华晨宇','周杰伦','邓紫棋','林俊杰','张钰琪','毛不易']
        // 1. 求出随机数
       let num=  Math.floor(Math.random() *arr.length)
        // 2. 把随机数当索引值取数据
        document.write(arr[num])
        // 3. 数组删除数据,抽中的删除
        arr.splice(num,1)
        console.log(arr)
    </script>

?

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-09-11 18:43:10  更:2021-09-11 18:44:36 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/19 7:51:19-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码