主页 / 问题 / 831829
Accepted
Puvvl
Asked:2020-05-23 00:08:21 +0000 UTC2020-05-23 00:08:21 +0000 UTC

对象更新

  • 772

请帮帮我。有 2 个数组，一个是对象，另一个是数字。在数字中number，从带有对象的数组中存储。

如何使用数字数组正确找到对象的索引并在对象中更改它selected: true？

现在newArr奇迹正在发生，但它arr改变了它的意义selected

var arr = [{
  name: 'Hello',
  selected: false,
  number: 14
}, {
  name: 'World',
  selected: false,
  number: 18
}, {
  name: '!',
  selected: false,
  number: 31
}]

var numbers = [14, 31];

var newArr = arr.map((item, index) => numbers.map((number) => item.number == number ? arr[index].selected = true : arr[index]))

console.log(newArr)

javascript

2 个回答

  1. 像这样：

    var arr = [{
  name: 'Hello',
  selected: false,
  number: 14
}, {
  name: 'World',
  selected: false,
  number: 18
}, {
  name: '!',
  selected: false,
  number: 31
}]

var numbers = [14, 31];

var newArr = arr.map((item, index) => {
  numbers.map((number) => { if (item.number == number)   arr[index].selected = true; return arr[index];}); return item;} );

console.log(newArr)

    • 0
  2. Best Answer

    这里有几点需要理解：

    • map 将一个数组作为输入并返回一个新数组
    • 如果原始数组的元素是一个对象，那么它将通过引用传递（即 item 和 arr[index] 是同一个对象）
    • 非块形式的箭头函数返回最后一次操作的结果。

    奇迹之所以成为可能，是因为地图和箭头功能的基本特征没有被考虑在内。好吧，为 arr 数组的每个元素枚举 numbers 数组显然不是一个有效的解决方案。

    从这个问题来看，你想要得到什么样的结果并不完全清楚，所以我将展示 3 个（更有效的）选项：

    • 将选中的更改为 arr
    • 从数组对象 arr 创建 newArr
    • 从数组 arr 中的对象副本创建 newArr。

    去！

    在 arr 中选择的更改：

    var arr = [{name: 'Hello', number: 14}, {name: 'World', number: 18}, {name: '!', number: 31}];

var numbers = [14, 31];

arr.forEach(x => x.selected = numbers.indexOf(x.number) > -1);

console.log(arr);

    我们从数组 arr 的对象创建 newArr：

    var arr = [{name: 'Hello', number: 14}, {name: 'World', number: 18}, {name: '!', number: 31}];

var numbers = [14, 31];

var newArr = arr.map(x => {
                  x.selected = numbers.indexOf(x.number) > -1;
                  return x;
             });

console.log(newArr);
console.log(arr);

    我们从数组 arr 中的对象副本创建 newArr：

    var arr = [{name: 'Hello', number: 14}, {name: 'World', number: 18}, {name: '!', number: 31}];

var numbers = [14, 31];

var newArr1 = arr.map(x => {
                  var o = Object.assign({}, x);
                  o.selected = numbers.indexOf(o.number) > -1;
                  return o;
             });
var newArr2 = arr.map(x => Object.assign({selected: (numbers.indexOf(x.number) > -1)}, x));
var newArr3 = arr.map(x => {
                return { ...x , selected: (numbers.indexOf(x.number) > -1) };
});

console.log(newArr2);
console.log(arr);

    • 0

相关问题