Znajdz ZM w array ktory jest w object w array

Question

 Witam,

Mam taki zapis danych:

        let test = [{
            id: 1,
            product: 'phone',
            color: ['red', 'blue', 'green']
        }, {
            id: 2,
            product: 'notebook',
            color: ['black', 'orange', 'green']
        }]

        Chciałbym zaznaczyc tablice    'color: ['red', 'blue', 'green']'  i  sprawdzic w petli czy jest tam zmienna 'red'.    Jaki to zrobic najlepiej?
Próbowałem użyć forEach, filter i map, ale nie zadziałało mi.

        Na ta chwile tylko taki pomysl mi przyszedł i to działa.

 let w;
        for (const e of test) {
            // console.log(e) //   arr lvl 1
            for (const z of e.color) {
                // console.log(z) //   arr lvl 2
                if (z === 'red') {
                    console.log(`Zmienna '${z}'  jest w  obiekcie o id: ${e.id}`)
                    w = `Zmienna '${z}'  jest w  obiekcie o id: ${e.id}`

                }
            }
        }
        document.querySelector('.a').innerHTML = w

Tu kod na codepen.io:   moj kod

 

Answer 1

Można tak  

<pre></pre>

const test = [{
  id: 1,
  product: 'phone',
  color: ['red', 'blue', 'green']
}, {
  id: 2,
  product: 'laptop',
  color: ['black', 'blue', 'green']
}, {
  id: 3,
  product: 'notebook',
  color: ['red', 'orange', 'green']
}];

const pre = document.querySelector('pre');

test.forEach(element => {
  if (element.color.includes('red')) {
    pre.textContent += `Wartość 'red' jest w obiekcie o id: ${element.id}\n`
                     + JSON.stringify(element) + '\n'
                     + '-'.repeat(60) + '\n';
  }
});

JavaScript Array includes() Method  [ 1 ]  [ 2 ]

Answer 2

Looknij