JS day05笔记（对象）

一、对象的基本使用

1.基本初始化

 let phone = {
            goods: '小米',
            name: '小米10青春版',
            num: '10112301230',
            weight: '0.55kg',
            address: '中国大陆'

        }
        phone.price = 1000
        console.log(phone)

每个元素后面都要加“，” ，属性用：来赋值

2.查找某个属性

3.对象的方法

 let obj = {
            name: '小明',
            song: function (x, y) {
                console.log(x + y);
            },
        }
        
       //两种使用方法
        obj.song(1, 2)
        obj['song'](3, 5)

4.对象的遍历

（1）

 let obj = {
            uname: 'ming',
            age: 8,
            gender: '男'
        }
        for (let k in obj) {
            // k是属性名，例如'uname'，所以用第二种查找写法
            document.write(obj[k])
        }

（2）多组对象

<script>
            // 基本信息
            let name = [
                { uname: '小明', age: 18, gender: 'boy', city: 'changchun' },
                { uname: '小红', age: 12, gender: 'girl', city: 'jilin' },
                { uname: '小蓝', age: 13, gender: 'boy', city: 'siping' },
                { uname: '小绿', age: 188, gender: 'gay', city: 'cc' }
            ]
            // 打印遍历 
            for (let i = 0; i < name.length; i++) {
                document.write(`
                       <tr>
                    <td>${i + 1}</td>
                    <td>${name[i].uname}</td>
                    <td>${name[i].age}</td>
                    <td>${name[i].gender}</td>
                    <td>${name[i].city}</td>  </tr>  `
                )
            }
        </script>

以上两组遍历是for-in 循环和 for循环，有所区别

5.math函数

用mnd网页去查询，mnd是一个前端很好用的查询工具。

mnd网址：Web 开发技术 | MDN (mozilla.org)

例如:如何使用math函数？

在画圈的搜索框去查询math然后就可以查询到，math的用法