JavaScript第五天-对象

一、对象(object)

1、对象概念

1、JavaScript里的一种数据类型
2、无序的数据集合

2、对象使用

1、语法:

let 对象名 = { ... }

2、对象由属性和方法组成

(1)属性:信息和特征,
(2)方法:功能或行为,
注意:方法也是属于属性的

对象组成.png

3、对象由属性和方法组成

(1)属性名和值之间用英文 : 分隔
(2)属性之间使用英文 , 分隔
(3)属性就是依附在对象上的变量(外面是变量,对象内是属性)
(4)属性名可以使用 "" 或 '',一般情况下省略,除非名称遇到特殊符号如空格、中横线等。通俗说,属性名中想要有空格的话,需要加冒号哦
(5)属性名默认是字符串哦
例:

对象例子.png

4、属性访问

(1)点语法 对象.属性名 ,不要加引号
(2)[ ]获得对象 对象['属性名'] ,除法里面是变量就可以不加

对象的访问.png

注意事项:
1.如果使用变量,应该给变量赋值为属性字符串形式
2.使用点名法的时候,属性名不能使用字符串
3.点后面的属性名一定不要加引号
4.[] 里面的属性名加引号,除非它是一个变量

5、对象中的方法

1、方法是由方法名和函数两部分构成,它们之间使用 : 分隔
2、多个属性之间使用英文 , 分隔
3、方法是依附在对象中的函数

4、方法名可以使用 "" 或 '',一般情况下省略,除非名称遇到特殊符号如空格、中横线等
对象中的方法.png
6、对象中的方法访问

方法一:对象名.方法名();
可以传参

二、操作对象(object)

对象本质是无序的数据集合, 操作数据无非就是 增 删 改 查 语法

操作对象增删改查.png

1、增加属性

注:(1)对象如果有这个属性相当于重新赋值
(2)对象如果没有这个属性相当于动态添加一个属性
(3)无论是属性或是方法,同一个对象中出现名称一样的,后面的会覆盖前面的。

1、新增属性
对象新增属性.png

2、新增方法
对象属性新增.png

三、遍历对象(object)

对象没有像数组一样的length属性,所以无法确定长度
对象里面是无序的键值对, 没有规律. 不像数组里面有规律的下标

方法:

遍历对象.png

注意:一定记住:k 是获得对象的属性名对象名[k]是获得 属性值
一般不用这种方式遍历数组、主要是用来遍历对象

四、内置对象(object)

JavaScript内部提供的对象,包含各种属性和方法给开发者调用

1、内置对象Math

random:生成0-1之间的随机数(包含0不包括1)
ceil:向上取整
floor:向下取整
max:找最大数(只能传数字,数组不行)
min:找最小数

(1)、生成任意范围随机数
取随机数.png
(2)扩展案例:随机点名案例
   <script>
    let arr = ['赵云', '黄忠', '关羽', '张飞', '马超', '刘备', '曹操'];
    function printThree() {
        // 0-7之间随机数字,并赋值给变量num
        let num = Math.floor(Math.random() * arr.length);// 向下取整,正好取到names.length - 1
        document.write(arr[num]); // 把随机数当做为数组names的索引号
        arr.splice(num, 1);//删除被抽出来的那个数据,也就是第num个
    }
    printThree();
    printThree();
    printThree();
</script>

总结

1、();表示一个语句的结束,数组是一个特殊的对象,
2、键值对:{
键名:键值,
||
属性名:属性值,
}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容