Как отобразить более одного свойства из массива объекта в JavaScript - PullRequest
Новая
       57

Как отобразить более одного свойства из массива объекта в JavaScript

0 голосов
/ 11 декабря 2018

У меня есть массив Object следующим образом: 

var obj = [
  {a: 1, b: 5, c: 9},
  {a: 2, b: 6, c: 10},
  {a: 3, b: 7, c: 11},
  {a: 4, b: 8, c: 12}
];

Я знаю о том, как получить отдельный объект, используя Array.map(), как это. 

var result = obj.map(x=>x.a)

Это даст мне следующеерезультат 

[1, 2, 3, 4]

Но я хочу, чтобы результат был следующим: 

[
  {a: 1, b: 5},
  {a: 2, b: 6},
  {a: 3, b: 7},
  {a: 4, b: 8}
]

из массива объекта я хочу выбрать только несколько полей (более одного)

каксделать это?

Ответы [ 6 ]

0 голосов
/ 11 декабря 2018

Использование map(): 

var data = [
  {a:1,b:5,c:9},
  {a:2,b:6,c:10},
  {a:3,b:7,c:11},
  {a:4,b:8,c:12}
];
          
let modified = data.map(obj => ({a: obj.a, b: obj.b}))

console.log(modified);

Или, если вы предпочитаете деструктурирование: 

var data = [
    {a:1,b:5,c:9}, 
    {a:2,b:6,c:10},
    {a:3,b:7,c:11}, 
    {a:4,b:8,c:12}
];
          
let modified = data.map(({ a, b }) => ({a, b}));

console.log(modified);
0 голосов
/ 11 декабря 2018

В вашем решении для создания [1,2,3,4], x.a - это не какой-то микросинтаксис, а полноценное выражение JavaScript.Таким образом, вы можете просто заменить его на JavaScript для создания нового объекта с нужными вам свойствами. 

var result = obj.map(x=>{a: x.a, b: x.b});

... почти.Дополнительным осложнением является то, что { после => интерпретируется как начало тела функции, а не начало литерала объекта.Вы можете избежать этого, просто заключив литерал объекта в круглые скобки. 

var result = obj.map(x=>({a: x.a, b: x.b}));
0 голосов
/ 11 декабря 2018

Вы можете вернуть пользовательский объект с необходимыми свойствами, используя map()

var obj = [{a:1,b:5,c:9},
           {a:2,b:6,c:10},
           {a:3,b:7,c:11},
           {a:4,b:8,c:12}
          ];
          
          
let op = obj.map(e => {
   return { a:e.a, b: e.b };
})        

console.log(op);
0 голосов
/ 11 декабря 2018

Вы можете сделать свою собственную функцию для этого и передать ей набор свойств, которые вы хотите извлечь.: 

var array = [{a:1,b:5,c:9}, {a:2,b:6,c:10}, {a:3,b:7,c:11}, {a:4,b:8,c:12} ];

function extractProperties(arr, properties){
  return arr.map((obj)=> Object.keys(obj).reduce((acc,key)=>{
    if(properties.has(key))    
      acc[key] = obj[key];  
    return acc;
  },{}));
}
let set = new Set(["a","b"]);
let result = extractProperties(array, set);
console.log(result);

set.add("c");
console.log("**************result2**********")
let result2 = extractProperties(array, set);
console.log(result2);
0 голосов
/ 11 декабря 2018

Если, как в вашем примере, вы хотите исключить конкретное свойство или несколько, вы можете использовать деструктуризацию и использовать свойства rest, чтобы создать объект только с теми свойствами, которые вы хотите: 

var obj = [
  {a:1,b:5,c:9},
  {a:2,b:6,c:10},
  {a:3,b:7,c:11},
  {a:4,b:8,c:12}
];
const mapped = obj.map(({ c, ...rest }) => rest);
console.log(mapped);

Если вы хотите включить свойства, просто извлеките их из обратного вызова .map: 

var obj = [
  {a:1,b:5,c:9},
  {a:2,b:6,c:10},
  {a:3,b:7,c:11},
  {a:4,b:8,c:12}
];
const mapped = obj.map(({ a, b }) => ({ a, b }));
console.log(mapped);
0 голосов
/ 11 декабря 2018

Вы можете использовать .map() с Разрушение объекта : 

let data = [
    {a:1,b:5,c:9}, {a:2,b:6,c:10},
    {a:3,b:7,c:11}, {a:4,b:8,c:12}
];
          
let result = data.map(({ a, b }) => ({a, b}));

console.log(result);
.as-console-wrapper { max-height: 100% !important; top: 0; }
...