对象Object
将多层嵌套的Object做扁平化处理
例如:将看上去很恶心的object
let obj = {
a:1,
b:{
b1:3,
b2:[{
b21:1,
b22:{
b221:2,
b222:[1,2,3],
b223:{}
}
},
22
]
},
c:[1,2,3]
}
处理成
{
a: 1,
b.b1: 3,
b.b2[0].b21: 1,
b.b2[0].b22.b221: 2,
b.b2[0].b22.b222[0]: 1,
b.b2[0].b22.b222[1]: 2,
b.b2[0].b22.b222[2]: 3,
b.b2[0].b22.b223: {},
b.b2[1]: 22,
c[0]: 1,
c[1]: 2,
c[2]: 3
}
方法一: 递归
递归是最容易想到的办法也是常见的处理多层循环的办法
分析:
1.首先如果是 基础数据类型 的话直接进行赋值就行 ==》 扩展1: js基础数据类型有哪些? 扩展2: 如何判断是不是基础数据类型?
2. 如果是个 数组 要考虑是否为空数组,空数组直接赋值[], 如果不是就遍历递归调用自定义的flatten方法; ==》 扩展3: 判断是否为数组的方法有哪些?
3. 如果是个Object对象,一样先考虑是不是空对象,空Object直接赋值{},否则遍历递归调用自定义的flatten方法 ==》 扩展4: 判断是否为Object对象的方法有哪些?
==> 扩展5:Object的遍历方式有哪几种?
function flattenObj (paramObj) {
let result = {}
function flatten(key, val) {
if (Object(val) !== val) { //通过该方法可以判断是不是基础数据类型
if (key) result[key] = val
} else if (Object.prototype.toString.call(val) === '[object Array]') { //是个数组
if (val.length === 0) {
result[key] = []
} else {
val.map((item, index) => {
flatten(`${key}[${index}]`, item)
})
}
} else {
if (Object.keys(val).length === 0 && key) result[key] = {}
for (let _key in val) {
flatten(key ? `${key}.${_key}`: _key, val[_key])
}
}
}
flatten('', paramObj)
return result
}
** 文中提到的扩展的知识点,旨在提示对于知识点的巩固和扩展,后面会以博客形式统一整理输出;
标签:扁平化,val,Object,b2,b22,多层,嵌套,flatten,key From: https://www.cnblogs.com/yejingxiao/p/17102415.html