js对象的一些方法
1.Object.values() 返回一个数组,该对象自己所有可枚举字符串属性相对应的值。(我的理解就是把对象的值转成数组)
<body>
<div id="box"></div>
<script>
let poem=""
var obj={
1:'锄禾日当午',
2:'汗滴禾下苦',
3:'谁知盘中餐',
4:'粒粒皆辛苦'
}
arr=Object.values(obj)
console.log(arr)//["锄禾日当午", "汗滴禾下苦", "谁知盘中餐", "粒粒皆辛苦"]
for(let i=0;i<arr.length;i++){
poem+='<div>'+arr[i]+'</div>'
}
document.getElementById("box").innerHTML=poem
</script>
</body>
//页面显示
锄禾日当午
汗滴禾下苦
谁知盘中餐
粒粒皆辛苦
2.Object.keys()返回对象可枚举的属性或方法的名称(就是返回对象的键(key),组成一个字符串数组)
<script>
var example={name:"Jenny",age:15,sex:"女",eat(){"吃水果"}}
console.log(Object.keys(example))//["name","age","sex","eat"]
</script>
在项目中常用来将请求到的对象转成数组进行循环渲染
<script>
var obj={
1:"清华大学",
2:"北京大学",
3:"中国人民大学"
}
let array=[]
console.log(Object.keys(obj))
Object.keys(obj).forEach(item=>{
array.push({
label:obj[item]
})
})
array.map(item=>{
console.log(item.label)//清华大学 北京大学 中国人民大学
})
</script>
3.Object.assign() 将源对象加入到目标对象
<script>
var obj={name:"小王",age:20}
var third={sex:"女"}
var second=Object.assign(third,obj)
console.log(third)//{name:"小王",age:20,sex:"女"}
</script>