代码之家 › 专栏 › 技术社区 › mrKorny

用第二个数组的名称替换数组中的id

ecmascript-6 object angular arrays javascript

mrKorny · 技术社区 · 6 年前

我在通过 id 把它换掉 身份证件 通过 NAME 从第二个阵列。例如,我有数组:

array1 = [
  {id: [1, 2], info: "xxx"},
  {id: [2, 3], info: "yyy"}
]

array2 = [
  {nameId: 1, name: "Miami"},
  {nameId: 2, name: "Wacanda"},
  {nameId: 3, name: "London"},
]

我想修改一下 array1 或创建新的 array3 例如(使用ES6):

array1 = [
  {id: ["Miami", "Wacanda"], info: "xxx"},
  {id: ["Wacanda", "London"], info: "yyy"}
]

或

array3 = [
  {name: ["Miami", "Wacanda"], info: "xxx"},
  {name: ["Wacanda", "London"], info: "yyy"}
]

链接到快速编辑: https://stackblitz.com/edit/angular-lrnfrd?file=src%2Fapp%2Ftesting%2Ftesting.component.ts

3 回复 | 直到 6 年前

Shidersz 6 年前

一种可能的解决方案是首先生成 Map 在 ids 以及 names 从 array2 使用 Array.reduce() . 那你就可以用 Array.map() 超过 array1 以获得所需的数据。注意在下一个示例中,我可以选择输出的第二个示例。

const array1 = [
  {id: [1, 2], info: "xxx"},
  {id: [2, 3], info: "yyy"}
];

const array2 = [
  {nameId: 1, name: "Miami"},
  {nameId: 2, name: "Wacanda"},
  {nameId: 3, name: "London"},
];

let nameFromId = array2.reduce(
    (acc, {nameId, name}) => (acc.set(nameId, name), acc),
    new Map()
);

let res = array1.map(({id, info}) => ({name: id.map(i => nameFromId.get(i)), info}));

console.log(res);

.as-console {background-color:black !important; color:lime;}
.as-console-wrapper {max-height:100% !important; top:0;}

另一个没有生成 Map 是用来 Array.find() 在里面 map() 功能:

let res = array1.map(
  ({id, info}) => ({name: id.map(i => array2.find(o => o.nameId === i).name), info})
);

Jack Bashford 6 年前

非常简单-只需使用嵌套 map 具有 find :

const array1 = [{id:[1,2],info:"xxx"},{id:[2,3],info:"yyy"}];
const array2 = [{nameId:1,name:"Miami"},{nameId:2,name:"Wacanda"},{nameId:3,name:"London"}];
const array3 = array1.map(({ id, info }) => ({ name: id.map(e => array2.find(({ nameId }) => nameId == e).name), info }));
console.log(array3);

.as-console-wrapper { max-height: 100% !important; top: auto; }

Mathew Berg Lucas 6 年前

这将生成第二个示例:

var array3 = array1.map(({ id, info }) => ({
    name: array2.filter(({ nameId }) => id.includes(nameId)).map(({ name }) => name),
    info
}));

首先它过滤来自array1的id列表中的nameId,然后运行map返回名称。预期产出变成:

[
    {"name":["Miami","Wacanda"],"info":"xxx"},
    {"name":["Wacanda","London"],"info":"yyy"}
]

推荐文章

Megrez7 · C#ToArray转换合并为一行,导致数组元素更改

4 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

4 月前

Anka HanÄ±m · 关于结构和动态数组地址的问题

4 月前

Swapnil Supekar · 将二维阵列转换为一维阵列,并将一维阵列粘贴到另一张图纸上

5 月前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

5 月前

MaSc. H. · 大小与阵列大小

5 月前

Geremia · 2D NumPy数组+1D数组?

5 月前

MARTIN · 交换第一个和最后一个单词,反转所有中间的字符

6 月前

Paul Williams · 迭代数组时输出有问题

6 月前

Oliver Morgan · PostgreSQL错误:无法累积不同维度的数组

6 月前