JavaScrip之对象

JavaScript目录 变量数组数据类型、模板字符串运算符表达式分支语句：if、三元、switch循环语句：for、while、数组函数对象不同数据类型的存储方式

文章目录 JavaScript目录对象一、对象是什么？二、对象的 *** 作1.对象的基本使用2.对象的 *** 作3.对象的遍历4.内置对象

---

对象 一、对象是什么？

对象（object）：是JavaScrip里的一种数据类型，可以理解为是一种无序的数据集合，用来描述某个事物。

对象由属性和方法组成：【属性和值用冒号（:）隔开 多个属性的用逗号(,)隔开】
属性：信息或特征（名词），比如手机尺寸、颜色……
方法：功能或行为（动词），比如手机发短信、玩游戏……

二、对象的 *** 作 1.对象的基本使用

（1）对象声明语法：let 对象名 = { }
（2）对象的使用：

代码如下（示例）

    <script>
        // 声明人对象
        let person = {
            name: '刘宇宁',  //定义属性
            age: 32,
            sex: '男',
            address: '辽宁丹东',
            // 对象中的方法定义：用匿名函数
            sayHi: function () {
                document.write('大家好，我是摩登兄弟刘宇宁~')
            }
        }

        //访问属性的方法1: 对象.属性
        console.log(person.name)
        //访问属性的方法2：对象['属性']
        console.log(person['name'])
        
        //方法的访问:  对象.方法名()
        person.sayHi()

    </script>

对象的方法定义也可以传参数：

代码如下（实例）

    <script>
        // 声明人对象
        let person = {
            name: '刘宇宁',  //定义属性
            // 对象中的方法定义：用匿名函数
            sayHi: function (s) {
                document.write(s)
            }
        }
        //方法的访问:  对象.方法名()
        person.sayHi('大家好，我是摩登兄弟刘宇宁')
    </script>

2.对象的 *** 作

（1）对象的 *** 作：增删改查

代码如下（示例）：

    <script>
        // 声明人对象
        let person = {
            name: '刘宇宁',
            age:31,
            sayHi: function () {
                document.write('大家好，我是摩登兄弟刘宇宁')
            }
        }
        /*查询属性：对象.属性  或  对象['属性']   
          查询方法： 对象.方法 */
        person.name   //或：person['name']
        person.sayHi()

        /*改属性（重新赋值）：对象.属性 = 新值
          改方法：方法 = function（）{} */
        person.age = 18
        
        /*添加新数据：
        会去person里找是否有sex这个属性，如果有则更新这个属性，没有就新增这个属性*/
        // 添加属性
        person.sex = '男'
        person['hobby'] = '唱歌'
        // 添加方法
        person.sport = function (){
            document.write('你要跳舞吗')
        }

        //删除属性
        delete person.sex

        console.log(person) //查询对象

    </script>

3.对象的遍历

（1）遍历对象的语句：for in循环语句
（2）遍历对象中，for k in person ,获取对象属性是k，获取对象值是person[ k ]

代码示例如下：

    <script>
        // 声明人对象
        let person = {
            name: '刘宇宁',
            age:31,
            set:'男'
        }
        /* 遍历对象：for in 循环语句
            for (let k in 对象名){ } 
            k是变量 */
        for (let k in person){
            console.log(k) //打印出来的是所有属性名
            console.log(person[k]) //打印person里的属性值。k不能加引号
        }
    </script>

4.内置对象

（1）内置对象：JavaScrip内部提供的对象，包括各种属性和方法给开发者调用
（2）内置对象Math：提供了一系列做数学运算的方法，例如：
· random：生成0-1之间的随机数（包括0不包括1）
· ceil：向上取整
· floor：向下取整
· max：找最大数
· min：找最小数
· pow：幂运算
· abs：绝对值

案例：随机数

    <script>
        // 随机数
        function getRandom(min,max){
            return Math.floor(Math.random() * (max - min + 1)) + min
        }
        //声明一个数组
        let arr = ['刘宇宁','呆米','大飞','刘康乃','悠米','阿卓']
        //生成1个随机数,作为数组的索引号
        let random = getRandom(0, arr.length - 1)
        document.write(arr[random])
    </script>