如何处理 JavaScript 嵌套数组并根据嵌套的级别显示数字的顺序?
javascriptweb developmentfront end technologyobject oriented programming
假设我们有一个像这样的嵌套数字数组 −
const arr = [23, 6, [2,[6,2,1,2], 2], 5, 2];
我们需要编写一个程序，将该数组的数字(元素)打印到屏幕上。
数字的打印顺序应根据其嵌套的级别。因此，上述输入的输出应如下所示−
23 6 2 6 2 1 2 2 5 2
示例
其代码为 −
<!DOCTYPE html>
<html>
<head>
<meta charset="utf−8">
<meta name="viewport" content="width=device−width">
<title>PATTERN</title>
</head>
<body>
<script>
const arr = [23, 6, [2, [6, 2, 1, 2], 2], 5, 2];
arr.reduce(function iter(level) {
return function (node, item) {
var pTag = document.createElement('p');
pTag.style.marginLeft = level + 'px';
node.appendChild(pTag);
if (Array.isArray(item)) {
item.reduce(iter(level || 50), pTag);
} else {
pTag.appendChild(document.createTextNode(item));
}
return node;
};
}(0), document.body);
</script>
<p></p>
</body>
</html>
屏幕上的输出将是 −
