为什么 foreach 覆盖值而不是 return 所有值

Question

以下是创建 dom 时需要存储在本地存储中的数组。

  this.headers.push( 
   {
      text: "Name",
      align: "center",
      sortable: true,
      value: "name",
      align: "start",
    },
    {
      text: "Company",
      align: "center",
      sortable: true,
      value: "company",
      align: "start",
    },
    {
      text: "Phone",
      align: "center",
      sortable: true,
      value: "phone",
      align: "start",
    },
   )]

需要将每个对象的值存储在键名 el_columns 下的本地存储中。所以我尝试了如下。

   this.headersList.forEach((element) => {
      localStorage.setItem(
        "el_columns",
        JSON.stringify(element.value)
      );
    });

上面的代码工作正常，但只存储一个值，即最后一个对象值 phone。我期望的输出如下 ['name', 'company', 'phone']

Answer 1

试试这个

 this.headersList.forEach((element) => {
      localStorage.setItem(
        "el_columns_"+element.text,
        JSON.stringify(element.value)
      );
    });

为什么 foreach 覆盖值而不是 return 所有值

why foreach over writing the value instead of return all values

javascript

arrays

local-storage

vue.js

vuejs2