js对象的一些方法

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>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。