Свойство объектов JavaScript для массива

Question

Свойство объектов JavaScript для массива

1

У меня есть следующий объект:

const movies = {
  1: {
    id: 1,
    name: 'Planet Earth',
  },
  2: {
    id: 2,
    name: 'Selma',
  },
  3: {
    id: 3,
    name: 'Million Dollar Baby',
  },
  4: {
    id: 4,
    name: 'Forrest Gump',
  },
  5: {
    id: 5,
    name: 'Get Out',
  },
};

Тогда я хочу массив только с идентификатором свойства. Для этого я попробовал что-то вроде:

const moviesArray = Object.values(movies);
const idArray = moviesArray.map(movie => Object.values(movie)[0]);
console.log(idArray);

Он печатает idArray должным образом, но мой вопрос, если я пропустил метод для решения этой проблемы.

Jquino 10 янв. 2019, в 14:18

Источник

3

Object.keys (видео)
Vadim Hulevich 10 янв. 2019, в 12:24
1

Object.values(movies).map(movie => movie.id)
Paulooze 10 янв. 2019, в 12:26
3

есть ли причина хранить объекты в объекте с номерами в качестве свойств? Хранение его в массиве было бы более уместным здесь.
rufus1530 10 янв. 2019, в 12:27

Показать ещё 1 комментарий

Теги:

javascript

arrays

javascript-objects

5 ответов

Ещё вопросы

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

Nina Scholz · Answer 1 · 2019-01-10T10-13-00.000Z

Вы можете использовать свойство id напрямую:

const
    movies = { 1: { id: 1, name: 'Planet Earth' }, 2: { id: 2, name: 'Selma' }, 3: { id: 3, name: 'Million Dollar Baby' }, 4: { id: 4, name: 'Forrest Gump' }, 5: { id: 5, name: 'Get Out' } },
    moviesArray = Object.values(movies),
    idArray = moviesArray.map(movie => movie.id);

console.log(idArray);

Да, я забыл, что могу просто получить доступ к 'movie.id', но есть ли способ сделать это напрямую вместо значений и карты?
@Jquino, на самом деле вам нужны два шага для доступа к неизвестным свойствам в массиве и сопоставления для свойства.

Archita Panchal · Answer 2 · 2019-01-10T10-57-00.000Z

const movies = {
  1: {
    id: 1,
    name: 'Planet Earth',
  },
  2: {
    id: 2,
    name: 'Selma',
  },
  3: {
    id: 3,
    name: 'Million Dollar Baby',
  },
  4: {
    id: 4,
    name: 'Forrest Gump',
  },
  5: {
    id: 5,
    name: 'Get Out',
  },
};

const moviesArray = Object.values(movies);
const idArray = moviesArray.map(movie => movie.id);
console.log(idArray);

The Spooniest · Answer 3 · 2019-01-10T10-45-00.000Z

В этом случае я был бы более склонен использовать movie => movie.id качестве функции отображения, а не movie => Object.values(movie)[0].

Проблема с вашей текущей функцией заключается в том, что она предполагает, что id всегда будет первым свойством в массиве, возвращаемом Object.values. Это происходит с вашей текущей функцией, как написано, но я не уверен, что вы можете гарантировать это в общем случае. movie.id ссылка на movie.id работает, даже если свойства располагаются в другом порядке. Это также должно быть немного быстрее, поскольку вам не нужно каждый раз конвертировать каждый отдельный объект в массив.

Black Mamba · Answer 4 · 2019-01-10T10-53-00.000Z

Я думаю, что здесь не было необходимости использовать Object.values в части map. Было бы так же без него

const movies = {
  1: {
    id: 1,
    name: 'Planet Earth',
  },
  2: {
    id: 2,
    name: 'Selma',
  },
  3: {
    id: 3,
    name: 'Million Dollar Baby',
  },
  4: {
    id: 4,
    name: 'Forrest Gump',
  },
  5: {
    id: 5,
    name: 'Get Out',
  },
};
const moviesArray = Object.values(movies);
    const idArray = moviesArray.map(movie => movie);
    console.log(moviesArray);

Shubham · Answer 5 · 2019-01-10T09-50-00.000Z

Может быть, вы можете пойти с более основной версией. В моем решении цикл будет запущен только один раз.

const movies = {
  1: {
    id: 1,
    name: 'Planet Earth',
  },
  2: {
    id: 2,
    name: 'Selma',
  },
  3: {
    id: 3,
    name: 'Million Dollar Baby',
  },
  4: {
    id: 4,
    name: 'Forrest Gump',
  },
  5: {
    id: 5,
    name: 'Get Out',
  },
};


const idArray = [];
for (let i in movies) {
	idArray.push(movies[i].id);
}

console.log(idArray);