JS基础学习03
对象（Object）
// 2种写法 let person = { // 多个属性之间用“,” name : 'LiHua', song : function (x, y) { console.log(`Test is ${x + y}`) } } // 1. person.name // 2. person['name'] (遍历会常用此写法) person.song(1, 2)对象属性是无序的，因此不能使用数组的方法遍历。
新的方法为
let obj = { uName : 'Placo', age : 18, gender : 'male' } for（let k in obj）{ console.log(k) // 数组下标，索引号，为字符串类型 console.log() }案例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> table { border: 1px solid rgb(157, 8, 216); border-collapse: collapse; } td { border: 1px solid rgb(193, 8, 230); padding: 5px; text-align: center; } </style> </head> <body> <table> <caption>学生信息</caption> <tr> <td>姓名</td> <td>年龄</td> <td>性别</td> <td>ID</td> </tr> <script> let students = [ { name: "Alice", age: 20, sex: "女", id: 1001 }, { name: "Bob", age: 22, sex: "男", id: 1002 }, { name: "Charlie", age: 21, sex: "男", id: 1003 }, { name: "David", age: 23, sex: "男", id: 1004 }, ] for (let i = 0; i < students.length; i++) { document.write(` <tr> <td>${students[i].name}</td> <td>${students[i].age}</td> <td>${students[i].sex}</td> <td>${students[i].id}</td> </tr> `) } </script> </table> </body> </html>