常见的数组处理方式

情景1：如何把一个对象{'未完成':5, '已完成':8, '待确认':4, '已取消':6}转为[{"未完成":5},{"已完成":8},{"待确认":4},{"已取消":6}]

对象的两种取值方式

我们都知道，JS中对象有两种取值方式，通过在.后面直接加属性名取值，这也是我们最常使用的一种方式，例如:

let obj = {name: 'wan'};
console.log(obj.name);  //wan

这是最普通的一种方式，还有一种方式我们用的不太多，就是使用[]包住属性名取值，类似于数组那样，例如

let obj = {name: 'wan'};
console.log(obj[name]);  //wan

那二者之前有什么区别呢，如果对于一个已知的对象来说，几乎是没什么区别的，但是如果我们需要的对象的key是变量呢？这就回到了我们文章开始是提到的问题，如何将一个对象转化为数组

将对象转化为数组

我们文章开始例子中的对象是

let obj = {'未完成':5, '已完成':8, '待确认':4, '已取消':6};

如果目标数组只是为了得到对象的key的集合或者value的集合还是相对容易的

var arr = []
for (let i in obj) {
    arr.push(obj[i]); //属性 //arr.push(obj[i]); //值 } console.log(arr);

如果像我文中开始的需求的话就只需要改变一下push进去的内容为一个对象即可

 

var arr = []
for (let i in obj) {
    let o = {};
    o[i] = obj[i];
    arr.push(o)
}
console.log(arr);

　　

情景2：

 

const arr1 =[{p:1},{p:2},{p:3}]
const arr2 =[{name:'a1',data:'12'},{name:'a1',data:'12',age:23},{name:'a1',data:'12',sex:'1'}]
arr3 =[{name:'a1',data:'12','p':1},{name:'a1',data:'12',age:23,'p':2},{name:'a1',data:'12',sex:'1','p':3}]  将arr1 arr2 变成arr3

arr1.map((item,index) => ({ ...item, ...arr2[index] })) 即可

　　

附注：理解for-in for-of 的用法

for in

let obj ={'未完成':2,'已完成':3,'待确认':2,'已取消':8}

let arr = []

for(let i in obj){

// arr.push(obj[i])//[2,3,2,8]

// arr.push(i)//["未完成", "已完成", "待确认", "已取消"]

}

console.log('将对象中的值或者属性放入一个数组中',arr)

for of

let obj =[{"未完成":1}, {"已完成":2}, {"待确认":7}, {"已取消":9}]

let arr = []

for(let i of obj){//i 代表每一个{} 遍历数组

for(let j in i){//j代表属性值 遍历对象

console.log('j',j)

arr[j] =i[j]

}

}

 情景3：

最终数据结构：

    let str ='[{"nameCn":"学员姓名","nameEn":"name","data":""},{"nameCn":"联系方式","nameEn":"mobile","data":""}]'
  const arr = [{'lable':'头像','prop':'img'},{'lable':'支付方式','prop':'methods'},{'lable':'年龄','prop':'sex'}]
    let  arr1 =JSON.parse(str)
   for(let i of arr1){
     arr.push({
       'lable':i.nameCn,
       'prop':i.nameEn
     })
   }

　　

情景4：

 let results=[
      {'name':'shijiali','age':'23','gender':'本科','extra':'[{"nameCn":"学员姓名","nameEn":"name","data":""},{"nameCn":"联系方式","nameEn":"mobile","data":""}]'},
      {'name':'shijiali1','age':'23','gender':'本科','extra':'[{"nameCn":"学员姓名","nameEn":"name","data":""},{"nameCn":"联系方式","nameEn":"mobile","data":""}]'},
      {'name':'shijial2','age':'23','gender':'本科','extra':'[{"nameCn":"学员姓名","nameEn":"name","data":""},{"nameCn":"联系方式","nameEn":"mobile","data":""}]'}
    ]
    // let arr = JSON.parse(results.)
     results.forEach(item=>{
       let arr= JSON.parse(item.extra)
       arr.forEach(val=>{
         item[val.nameEn]=val.data
       })
     })

　情景5：

    const hours ='1,2,3,4,5,6'
    const pv ="122312,3435,5657,768768,7567,2323"
    const uv ="12,23,32,21,23,33"
     let arr_h =hours.split(",")//字符串转化为数组 join（‘’） 数组转化为字符串
     console.log('arr_h',arr_h)
     let arr_p =pv.split(',')
     let arr_u =uv.split(',')
     let arr=[]
     arr_h.forEach((item,index)=>{
        arr.push({
          hours:item,
          pv:arr_p[index],
          uv:arr_u[index]
        })

     })

　　

 

转载于:https://www.cnblogs.com/bbldhf/p/11408873.html