主页 / 问题 / 1593571
Accepted
alexWithoutBeard
Asked:2024-09-11 22:40:39 +0800 CST2024-09-11 22:40:39 +0800 CST

如何消除对象中额外的嵌套级别

  • 772

根据我的任务，我需要以下布局：

    <a href="1.html">111</a>
    <a href="2.html">222</a>
    <a href="3.html">333</a>

获取以下对象数组：

[
    {
        text: '111',
        href: '1.html',
    },
    {
        text: '222',
        href: '2.html',
    },
    {
        text: '333',
        href: '3.html',
    },
]

我得到以下代码： 

 let arr = [...document.querySelectorAll("a")];// создаю массив из а
    let res = []// создаю массив в который буду пушить результат
  for (const el of arr) { //перербираю все элементы массива
    const obj = Object.fromEntries( // создаю обЪект, в котором буду перебирать массив
      arr.map((text, href) => [ //перебираю массив
        ,  
        {
          text: el.text, // формирую объект
          href: el.href,
        },
      ])
    );
   res.push(obj) //пушу объект в массив
  }

console.log('res', res)//  результате я получаю объект с двумя уровнями вложенности, которые мне не нужны. 
 <a href="1.html">111</a>
<a href="2.html">222</a>
<a href="3.html">333</a>

我知道我错了，但是使用 entrise 和 fromEntries 对我来说是新的，所以我寻求帮助）

javascript

2 个回答

  1. Best Answer

    你最终得到了一些额外的代码。

    可以通过map

    const elements = Array.from(document.querySelectorAll("a"))

const result = elements.map(({ text, href }) => ({
  text,
  href,
}))

console.log('result:', result)
    <a href="1.html">111</a>
<a href="2.html">222</a>
<a href="3.html">333</a>

    可以通过forEach

    const elements = Array.from(document.querySelectorAll("a"))
const result = []

elements.forEach(({ text, href }) => {
  result.push({
    text,
    href,
  })
})

console.log('result:', result)
    <a href="1.html">111</a>
<a href="2.html">222</a>
<a href="3.html">333</a>

    • 2

  2. 我突然意识到，在崩溃时你需要立即推动。这是我的结果： 

     
   let arr = [...document.querySelectorAll("a")];
  let res = [];
  const obj = arr.map((el) => [
    res.push({
      text: el.text,
      href: el.href,
    }),
  ]);
  console.log("res", res);
    <a href="1.html">111</a>
<a href="2.html">222</a>
<a href="3.html">333</a>
    从字面上看是存在的效果）

    • 1

相关问题