1. <strong id="7actg"></strong>
    2. <table id="7actg"></table>

    3. <address id="7actg"></address>
      <address id="7actg"></address>
      1. <object id="7actg"><tt id="7actg"></tt></object>

        3種JavaScript 對象轉(zhuǎn)數(shù)組的方法

        共 869字,需瀏覽 2分鐘

         ·

        2021-12-24 19:26

        來源 | https://www.fly63.com

        我們在項目開發(fā)的時候,有時需要將js對象轉(zhuǎn)換為數(shù)組,下面小編給大家具體演示一下怎么轉(zhuǎn)換,主要是介紹一些常用、簡潔的轉(zhuǎn)換方法。
        比如JavaScript對象如下:
        let obj = {  'name': '前端',  'url': 'https://www.webadkf.com',  'des': '專注web前端開發(fā)',};

        這里只需要它的值,我們需要轉(zhuǎn)換的數(shù)組形式如:

        ['前端', 'https://www.webqdkf.com', '專注web前端開發(fā)']

        方式一:Object.values

        Object.values()方法返回一個給定對象自身的所有可枚舉屬性值的數(shù)組,值的順序與使用for...in循環(huán)的順序相同 ( 區(qū)別在于 for-in 循環(huán)枚舉原型鏈中的屬性 )。

        let arr = Object.values(obj); //對象轉(zhuǎn)化為數(shù)組

        ps:如果只需要返回鍵作為數(shù)組,可以使用Object.keys()的方式,所以結(jié)合Map,也可以實現(xiàn):

        let arr=Object.keys(obj).map(function(i){return obj[i]}); //對象轉(zhuǎn)化為數(shù)組

        方式二:循環(huán)

        可以直接利用循環(huán),如for in或者forEach()等:

        var arr = []; //定義數(shù)組for (var i in obj) {    arr.push(obj[i]); }

        方式三:Array.from

        Array.from() 方法對一個類似數(shù)組或可迭代對象創(chuàng)建一個新的,淺拷貝的數(shù)組實例。

        var arr = Array.from(Object.values(obj),x=>x);


        學(xué)習(xí)更多技能

        請點擊下方公眾號

        瀏覽 45
        點贊
        評論
        收藏
        分享

        手機(jī)掃一掃分享

        分享
        舉報
        評論
        圖片
        表情
        推薦
        點贊
        評論
        收藏
        分享

        手機(jī)掃一掃分享

        分享
        舉報
        1. <strong id="7actg"></strong>
        2. <table id="7actg"></table>

        3. <address id="7actg"></address>
          <address id="7actg"></address>
          1. <object id="7actg"><tt id="7actg"></tt></object>
            成人视频高清无码在线观看 | 丝袜足交片 | 嗯灬啊灬快灬高潮了视频日本无码 | 性视频日韩 | 曰本国电影黄色免看费 | 中文字幕伦理在线 | 人人看人人摸人人 | 夜夜嗨av一区二区三区免费区 | 久久黄色小说视频 | 国产精品伦子伦露脸 |