JavaScript 基础第五天-对象

什么是对象

 对象（object）：JavaScript里的一种数据类型
 可以理解为是一种无序的数据集合， 注意数组是有序的数据集合
 用来描述某个事物，例如描述一个人
 人有姓名、年龄、性别等信息、还有吃饭睡觉打代码等功能
 如果用多个变量保存则比较散，用对象比较统一
 比如描述 班主任 信息：
 静态特征 (姓名, 年龄, 身高, 性别, 爱好) => 可以使用数字, 字符串, 数组, 布尔类型等表示
 动态行为 (点名, 唱, 跳, rap) => 使用函数表示

小结

1. 对象是什么？
 对象是一种数据类型
 无序的数据的集合
2. 对象有什么特点？
 无序的数据的集合
 可以详细的描述描述某个事物

对象使用

目标：掌握对象语法，用它保存多个数据

 1. 对象声明语法

let 对象名 = { }

let 对象名 = new object（）

2. 对象有属性和方法组成
 属性：信息或叫特征（名词）。 比如 手机尺寸、颜色、重量等…
 方法：功能或叫行为（动词）。 比如 手机打电话、发短信、玩游戏…

属性

 数据描述性的信息称为属性，如人的姓名、身高、年龄、性别等，一般是名词性的。

 属性都是成 对出现的，包括属性名和值，它们之间使用英文 : 分隔
 多个属性之间使用英文 , 分隔
 属性就是依附在对象上的变量（外面是变量，对象内是属性）
 属性名可以使用 "" 或 ''，一般情况下省略，除非名称遇到特殊符号如空格、中横线等

小结

1. 对象属性有顺序吗？
 没有
2. 属性和值用什么符号隔开？多个属性用什么隔开？
 属性和值用 ; 隔开
 多个属性用，逗号隔开

对象使用

属性-查

 声明对象，并添加了若干属性后，可以使用 . 获得对象中属性对应的值，我称之为属性访问。
 语法：对象名.属性
 简单理解就是获得对象里面的属性值。

let goods = {
            uname:`小米十青春版`,
            num:`12134213512`,
            weight:`0.5kg`,
            address:`中国大陆`
        }
        console.log(goods)
        console.log(typeof goods)
        console.log(goods.address)  //中国大陆

查有两种方法

（1）对象名.属性名，

（2）对象名['属性名'],在属性名为字符串的形式使用

属性-改

 语法：对象名.属性 = 新值

let goods = {
            uname:`小米十青春版`,
            num:`12134213512`,
            weight:`0.5kg`,
            address:`中国大陆`
        }


        goods.uname = `华为`
        console.log(goods)
        console.log(goods.uname)   //华为

属性-增

语法：对象名.新属性 = 新值

let goods = {
            uname:`小米十青春版`,
            num:`12134213512`,
            weight:`0.5kg`,
            address:`中国大陆`
        }

        goods.height = `12cm`
        console.log(goods)
        console.log(goods.height);  //12cm

属性-删 （了解）

语法：delete 对象名.属性

let goods = {
            uname:`小米十青春版`,
            num:`12134213512`,
            weight:`0.5kg`,
            address:`中国大陆`
        }

        delete goods.address
        console.log(goods);

改和增语法一样，判断标准就是对象有没有这个属性，没有就是新增，有就是改

目标：掌握查找属性的另外写法
3. 属性-查的另外一种写法
 对于多词属性或则 - 等属性，点操作就不能用了。
 我们可以采取： 对象[‘属性’] 方式， 单引号和双引号都阔以

let goods = {
            'goods-uname':`小米十青春版`,
            num:`12134213512`,
            weight:`0.5kg`,
            address:`中国大陆`
        }
        console.log(goods['goods-uname'])    //必须加引号

小结

1. 对象查语法如何写？
 对象名.属性
2. 对象改语法如何写:
 对象名.属性 = 新值
3. 对象增语法如何写:
 对象名.新属性名 = 新值

1. 对象访问属性有哪两种方式？
 点形式 对象.属性
 [] 形式 对象[‘属性’]
2. 两种方式有什么区别？
 点后面的属性名一定不要加引号
 [] 里面的属性名一定加引号
 后期不同使用场景会用到不同的写法

对象中的方法

 数据行为性的信息称为方法，如跑步、唱歌等，一般是动词性的，其本质是函数。

let obj = {
            uname : 'pink',
            //方法
            song:function(x,y){
                return x + y
            }
        }
        console.log(obj.song(100,200))

 1. 方法是由方法名和函数两部分构成，它们之间使用 : 分隔
 2. 多个属性之间使用英文 , 分隔
 3. 方法是依附在对象中的函数
 4. 方法名可以使用 "" 或 ''，一般情况下省略，除非名称遇到特殊符号如空格、中横线等

遍历对象

目标：能够遍历输出对象里面的元素
 遍历对象
for 遍历对象的问题：
 对象没有像数组一样的length属性,所以无法确定长度
 对象里面是无序的键值对, 没有规律. 不像数组里面有规律的下标

遍历对象

let obj = {
            uname:`ping`,
            age:18,
            weight:'188kg'
        }
        for(let k in obj){
             console.log(k)    //打印属性名称
            console.log(obj[k])   //打印属性值
        }

遍历对象格式：for （let 声明一个变量  in  对象名称）{}— for（let k in obj）{}

 一般不用这种方式遍历数组、主要是用来遍历对象
 for in语法中的 k 是一个变量, 在循环的过程中依次代表对象的属性名

由于k取值出来是字符串必须用中括号[]
 由于 k 是变量, 所以必须使用 [ ] 语法解析
 一定记住： k 是获得对象的属性名， 对象名[k] 是获得 属性值

小结

1. 遍历对象用那个语句？
for in
2. 遍历对象中, for k in obj,获得对象属性是那个，获得值是那个？
 获得对象属性是 k
 获得对象值是 obj[k]

内置对象

学习路径
1. 内置对象是什么
2. 内置对象Math
3. 生成任意范围随机数

内置对象-内置对象是什么？

JavaScript内部提供的对象，包含各种属性和方法给开发者调用
 思考：我们之前用过内置对象吗？
 document.write()
 console.log()

内置对象-Math（数学对象）

 介绍：Math对象是JavaScript提供的一个“数学”对象
 作用：提供了一系列做数学运算的方法
 Math对象包含的方法有：
 random：生成0-1之间的随机数（包含0不包括1）
 ceil：向上取整
 floor：向下取整
 max：找最大数
 min：找最小数
 pow：幂运算
 abs：绝对值

math对象在线文档

内置对象-生成任意范围随机数

 Math.random() 随机数函数， 返回一个0 - 1之间，并且包括0不包括1的随机小数 [0, 1）
 如何生成0-10的随机数呢？
Math.floor(Math.random() * (10 + 1))

数组随机取值的公式：

 如何生成5-10的随机数？
Math.floor(Math.random() * (5 + 1)) + 5

 如何生成N-M之间的随机数
Math.floor(Math.random() * (M - N + 1)) + N

随机点名，但点名不允许重复

需求：请把 [‘赵云’, ‘黄忠’, ‘关羽’, ‘张飞’, ‘马超’, ‘刘备’, ‘曹操’] 随机显示一个名字到页面中，但是不
允许重复显示
分析：
①：利用随机函数随机生成一个数字作为索引号
②：数组[随机数] 生成到页面中
③：数组中删除刚才抽中的索引号

let arr = ['赵云','黄忠','关羽','张飞','马超','刘备','曹操']   

        let dm = Math.floor(Math.random() * arr.length)
        
        console.log(arr[dm])

        arr.splice(dm,1)    //删除被抽取到的元素