在Angularjs数组中使用字段索引更新数组字段值。

$scope.MyArray = [
  {id:'01', name:'test1', dept:'abc1', address: 'xyz1'},
  {id:'02', name:'test2', dept:'abc2', address: 'xyz2'},
  {id:'03', name:'test3', dept:'abc3', address: 'xyz3'}
];

这是我的数组列表,我必须使用列索引更新字段。

例如,我有一个索引值[2],它的字段是 dept.

要更新字段值为 def 当场 dept 行的 01.

预期结果是:

$scope.MyArray = [
  {id:'01', name:'test1', dept:'def', address: 'xyz1'},
  {id:'02', name:'test2', dept:'abc2', address: 'xyz2'},
  {id:'03', name:'test3', dept:'abc3', address: 'xyz3'}
];

解决方案:

在访问 dept 您需要访问 object 在你想改变的地方。

您可以使用 map 它将创建一个新的数组,并在数组内部回调检查是否有 id 的,如果匹配,则更新对象的 dept 该对象的

var MyArray = [{
    id: '01',
    name: 'test1',
    dept: 'abc1',
    address: 'xyz1'
  },
  {
    id: '02',
    name: 'test2',
    dept: 'abc2',
    address: 'xyz2'
  },
  {
    id: '03',
    name: 'test3',
    dept: 'abc3',
    address: 'xyz3'
  }
];

const newArray = MyArray.map((item, index) => {
  if (item.id === '01') {
    return Object.assign({}, item, {
      dept: 'newDept'
    })
  }
  return item;
});

console.log(newArray)

给TA打赏
共{{data.count}}人
人已打赏
未分类

webpack编译时在新电脑上出现ts-loader错误。

2022-9-29 16:08:40

未分类

igraph arrow.mode似乎没有任何效果。

2022-9-29 16:08:42

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索