在 vue 中我们需要得到某个对象的值,在dom 节点中显示出来。是这样写的例如:
<div>{{info.skill.location}}</div>
vue把字符串分割成数组,然后利用数组 reduce 方法找到这个对象的值。
创建一个对象:
var obj = {
name:'猴子',
info:{
skill:{
location:'花果山水帘洞',
sex:'male'
}
}
}
把对象转换成字符串
var locat = attrStr.split('.').reduce((newObj,k) => newObj[k],obj)
console.log(locat)
数组 reduce 的用法
数组.reduce((上次计算的结果,当前循环的item项) => {return 上次的结果 + 当前循环的 item 项},初始值)