<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

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

          共 869字,需瀏覽 2分鐘

           ·

          2021-12-24 19:26

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

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

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

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

          方式一:Object.values

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

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

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

          let arr=Object.keys(obj).map(function(i){return obj[i]}); //對(duì)象轉(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() 方法對(duì)一個(gè)類似數(shù)組或可迭代對(duì)象創(chuàng)建一個(gè)新的,淺拷貝的數(shù)組實(shí)例。

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


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

          請(qǐng)點(diǎn)擊下方公眾號(hào)

          瀏覽 45
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          評(píng)論
          圖片
          表情
          推薦
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  黄色带免费看 | 亚洲 国产 色在线 | caobiwangzhi | 成人催情爱爱免费视频 | 成人免费乱码大片a毛片蜜芽 |