Как получить одно значение из массива в VueJs

Question

Расскажите начинающему веб-администратору, как получить весь заголовок из всех объектов в массиве

Это мой массив

0: {id: 6, category_id: 2, title: "Test", brand: "Test", serial_number: "2165412315864",…}

1: {id: 7, category_id: 3, title: "Test2", brand: "Test2", serial_number: "2165412315864",…}

2: {id: 8, category_id: 5, title: "New", brand: "New", serial_number: "2165412315864",…}

3: {id: 9, category_id: 1, title: "New2", brand: "New2", serial_number: "2165412315864",…}

Я пытаюсь использовать этот код

categories: {
            handler(categories) {
                console.log('categories: ', categories[title]); //Debug
            },
            deep: true
        }

Answer 1

Переменная categories на самом деле является здесь массивом, поэтому вы не можете использовать

categories['title']
// Or,
categories.title

здесь. Чтобы получить все свойства title для каждой категории в массиве categories, вы можете использовать метод array .map(), например:

categories: {
  handler(categories) {
    const arr = categories.map(c => c.title)
    console.log('titles: ', arr); //Debug
  },
  deep: true
}

Answer 2

Если вам нужен массив только с заголовками, вы можете использовать Array.map и выбрать интересующие вас части:

const arr = [{
    id: 6,
    category_id: 2,
    title: "Test",
    brand: "Test",
    serial_number: "2165412315864"
  },
  {
    id: 7,
    category_id: 3,
    title: "Test2",
    brand: "Test2",
    serial_number: "2165412315864"
  },
  {
    id: 8,
    category_id: 5,
    title: "New",
    brand: "New",
    serial_number: "2165412315864"
  },
  {
    id: 9,
    category_id: 1,
    title: "New2",
    brand: "New2",
    serial_number: "2165412315864"
  }
];

const titles = arr.map(({ title }) => title);

console.log(titles);