js基础第五天

一、操作对象

<script>// 操作对象：对数据 查、增、改、删let pig = {uname: '佩奇',sing: function () {console.log('唱歌')}}// 1. 查： 对象.属性 对象.方法
console.log(pig.uname)  // 得到属性值
pig.sing()// 2. 增：对象.新属性 = 新值   对象.新方法 = function(){}
pig.age = 4
pig.dance = function () {console.log('跳舞')
}
console.log(pig)// 3. 改：对象.属性 = 新值  对象.方法 = 新匿名函数
pig.uname = '小猪佩奇'
pig.sing = function () {console.log('哼哼哼！！')
}
console.log(pig)// 4. 删： 了解，因为我们很少对对象里面的数据做删除操作  delete
delete pig.age
delete pig.dance
console.log(pig)
</script>

二、查找属性的另外写法

• 对于多词属性比如中横线分割的属性，点操作就不能用了。我们可以采取： 对象['属性'] 方式， 单引号和双引号都阔以，当然也可以用于其他正常属性

<script>// 查询属性的另外写法  对象['属性'] 这个属性必须加引号let pig = {'pig-name': '佩奇',age: 4}
// console.log(pig.pig - name)  // NaN
console.log(pig['pig-name']) // 佩奇
console.log(pig['age']) // 4    === pig.age 
</script>

三、遍历对象

<script>// 遍历对象let pig = {sex: '女',age: 4,uname: '佩奇',weight: 12.6,}// for (let key in pig) {
//   console.log(key)  // key 是属性  
//   console.log(pig[key]) // 对象[变量] 是值
// }for (let key in pig) {console.log(key)  // key 是属性   对象.属性// console.log(pig.key)   // pig.key  undefined  因为key是个变量不是属性// key  'sex'  'age'    对象[key]  对象['sex']  对象['age']console.log(pig[key])
}// 注意：数组遍历用传统for， for in 主要用来遍历对象
let arr = ['red', 'green', 'pink']
for (let k in arr) {console.log(k)// 得到字符串类型的索引号
}
</script>