标签:span san 遍历数组 方式 处理 开发人员 案例 shel rod
前端在请求到后台数据后,我们常常需要对请求过来的数据做一定的处理,从而最终得到我们想要的数据(结构),在这个转化的过程中,我们通常遇到一些字符串/数组/对象之间的转化。可以说,数据处理是前端开发人员最基本的一项技能,而合理的处理方式也往往是我们事半功倍
【案例一】:
var newarr = [] for(let i in arrobj) { var newarr2 = [] for(let j in arrobj[i]) { var newobj = {} newobj[j] = arrobj[i][j] newarr2.push(newobj) } newarr.push(newarr2) } console.log(newarr)
[ 思路 ]:创建一个空的新数组newarr,再往里面push若干空的新数组newarr2,再分别给每个newarr2里面push若干新对象newobj
[ 区分 ]:for in 可遍历对象(key)也可遍历数组(索引值),for of 只可以遍历数组(值)
【案例二】:
let formArr = [ {name: "Name", value: "111"}, {name: "Price", value: "2"}, {name: "ProducingArea", value: "3"}, {name: "ShelfLife", value: "44"}, {name: "Stock", value: "5"} ]; let o = {} for (let i in formArr) { o[formArr[i].name] = formArr[i].value } console.log(o)
【案例三】:
将对象 obj = { Name: "111", Price: "2" }
let formObj = {Name: "111", Price: "2", ProducingArea: "3", ShelfLife: "44", Stock: "5"} let a = [] let ob = {} for (let i in formObj) { ob[i] = {name:‘‘, value:‘‘} ob[i][‘name‘] = i ob[i][‘value‘] = formObj[i] a.push(ob[i]) } console.log(a)
标签:span san 遍历数组 方式 处理 开发人员 案例 shel rod
原文地址:https://www.cnblogs.com/edwardwzw/p/11810845.html