【问题标题】:How to rename key of object in an array如何重命名数组中对象的键
【发布时间】:2018-05-17 21:15:44
【问题描述】:

如何用另一个替换数组元素值

我有这样的数组,没有使用 jquery

 this.products = [
      { 
        text: 'prod1', 
        value: 1 
      },
      { 
        text: 'prod2', 
        value: 2 
      },
      { 
        text: 'prod3', 
        value: 3 
      }
 ];

我想将“文本”替换为“标签”

【问题讨论】:

  • products.map(prod => { return { label: prod.text, value: prod.value }; })
  • 试试这个var result = products.map(({text, value}) => ({label: text, value}));
  • 感谢@HassanImam 工作完美

标签: javascript


【解决方案1】:

这个怎么样?

var products = [{
    text: 'prod1',
    value: 1
  },
  {
    text: 'prod2',
    value: 2
  }, {
    text: 'prod3',
    value: 3
  }
];

products.forEach(function(obj) {
  obj.label = obj.text;
  delete obj.text;
});
console.log(products);

【讨论】:

    【解决方案2】:

    使用 ES6:

    const updatedProducts = products.map(({text: label, value})=>({value, label}));
    

    【讨论】:

      【解决方案3】:
      There are many ways using map in ES6
      
      
          var products = [
                { 
                  text: 'prod1', 
                  value: 1 
                },
                { 
                  text: 'prod2', 
                  value: 2 
                },
                { 
                  text: 'prod3', 
                  value: 3 
                }
           ];
      
          const newProducts = products.map(({text: label, value})=>({value, label}));
          console.log(newProducts );
      
          console.log("===================Another  Method====================")
      
      
          products.map((el)=>{
          el.label = el.text
          delete el.text
          })
      
          console.log(products);

      【讨论】:

        猜你喜欢
        • 2020-11-26
        • 2021-05-20
        • 2015-05-14
        • 1970-01-01
        • 1970-01-01
        • 2021-12-14
        • 1970-01-01
        • 2020-06-02
        • 2020-10-14
        相关资源
        最近更新 更多