[英]Reach element in an object inside an array which is an element in an object inside an array
I've tried to reach an element in object inside an array which is an element in an object inside an array.我试图到达数组内 object 中的一个元素,该数组是数组内 object 中的一个元素。 Look at the code under.
看下面的代码。 The thirdElementInObject has variable length.
thirdElementInObject 具有可变长度。 My plan is to make list element with every object in the mainArray.
我的计划是用 mainArray 中的每个 object 制作列表元素。 I haven't made it with the elements in the thirdElementInObject array.
我还没有用 thirdElementInObject 数组中的元素实现它。 Does anyone know how I can do this?
有谁知道我该怎么做?
mainArray = [
{firstElementInObject: xyz,
secondElementInObject: abc,
thirdElementInObject: [
{name: zzz,
age: aaa,
},
{name: cde,
age: 123,
},
],
},
{firstElementInObject: xyz,
secondElementInObject: abc,
thirdElementInObject: [
{name: xxx,
age: yyy,
},
{name: abc,
age: def,
},
{name: abc,
age: def,
}
],
}
]
const parentElementDash = document.querySelector('.mainArrayUl');
const updateHTML = function () {
if (mainArray.length > 0) {
let result = mainArray.map(element => {
return `
<li>
<p>${element.firstElementInObject}</p>
<p>${element.secondElementInObject}</p>
/* Here I want to write the name in the
thirdElementInObject. */
</li>`
});
parentElementDash.innerHTML = result.join('');
}
}
updateHTML();
.map()
..map()
将所有名称作为数组获取。.join()
to convert the array to string and insert it in the HTML..join()
将数组转换为字符串并将其插入到 HTML 中。 Try this尝试这个
var mainArray = [ { firstElementInObject: 'xyz', secondElementInObject: 'abc', thirdElementInObject: [ {name: 'zzz', age: 'aaa',}, {name: 'cde', age: 123,}, ], }, { firstElementInObject: 'xyz', secondElementInObject: 'abc', thirdElementInObject: [ {name: 'xxx', age: 'yyy',}, {name: 'abc', age: 'def',}, {name: 'abc', age: 'def',} ], } ] const parentElementDash = document.querySelector('.mainArrayUl'); const updateHTML = function () { if (mainArray.length > 0) { let result = mainArray.map(element => { return ` <li> <p>${element.firstElementInObject}</p> <p>${element.secondElementInObject}</p> <p>${element.thirdElementInObject.map(({name}) => name).join(', ')}</p> </li>` }); parentElementDash.innerHTML = result.join(''); } } updateHTML();
<ul class="mainArrayUl"></ul>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.