0

Есть массив, в нём есть объекты, объектов в массиве несколько, сколько именно не известно и они динамически изменяются. Единственное что известно это ключ в каждом объекте который нужно получить. Вот как сделать так, чтобы значения этих ключей выводились в какой-то блок все сразу.

3
  • 1
    объектов в массиве несколько, сколько именно не известно - известно: свойство length показывает количество элементов в массиве
    – Grundy
    31 мая 2017 в 8:47
  • Массив же динамически наполняется и каждый раз его длинна разная
    – Koro6ok
    31 мая 2017 в 9:00
  • @МаксимЗакшевский, ну и свойство length меняется при добавлении/удалении элементов в массив.
    – diralik
    31 мая 2017 в 9:08

1 ответ 1

0

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

let array = [
    {keyName: '123', anotherKey: 'whatever'},
    {keyName: 'abc'},
    {keyName: '777'}
];
let arrayOfKeys = array.map(object => object['keyName']);
console.log(arrayOfKeys);

Если надо ещё и добавить эти значения в некоторый блок, то можно и без функции map, с помощью цикла for...of. Добавить значения в некоторый блок можно, например, с помощью jquery и функции append.

let array = [
    {keyName: '123', anotherKey: 'whatever'},
    {keyName: 'abc'},
    {keyName: '777'}
];

for (let element of array) {
    let value = element['keyName'];
    $('#blockWhereValuesWillBeAdded').append(`<p>${value}</p>`);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div id="blockWhereValuesWillBeAdded"></div>

4
  • 1
    попробуй писать более развернутые ответы
    – Grundy
    31 мая 2017 в 8:49
  • @Grundy, это очень хороший совет. Просто это простой вопрос, и если сразу писать развёрнутый ответ, то кто-нибудь наверняка ответит раньше, и наполовину написанный развёрнутый ответ будет не нужен.
    – diralik
    31 мая 2017 в 9:10
  • 1
    Хорошо написанный развернутый ответ нужен всегда!
    – Grundy
    31 мая 2017 в 9:20
  • 1
    @Дмитрий спасибо. Последний вариант очень хорош.
    – Koro6ok
    31 мая 2017 в 10:06

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.