Spread-operaattori ja taulukoiden yhdistäminen
Oletetaan, että meillä on kaksi taulukkoa:
javascriptlet arr1 = ['a', 'b', 'c'];
let arr2 = [1, 2, 3];
Tehdään niin, että taulukon arr2 ensimmäisen ja
toisen elementin väliin lisätään
taulukon arr1 alkiot.
Toisin sanoen haluamme kirjoittaa
koodin, joka muuttaa nykyisestä taulukosta arr2
seuraavan taulukon:
javascript[1, 'a', 'b', 'c', 2, 3]
Ongelma on periaatteessa ratkaistavissa splice-metodilla.
Kuitenkin tämä ongelma ratkeaa
paljon helpommin spreadin avulla:
javascriptlet arr1 = ['a', 'b', 'c'];
let arr2 = [1, ...arr1, 2, 3];
console.log(arr2); // tulostaa [1, 'a', 'b', 'c', 2, 3]
Задание 1
Määritä konsoliin tulostuva tulos ajamatta koodia:
javascriptlet arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let arr = ['a', ...arr1, 'b', 'c', ...arr2];
console.log(arr);
Задание 2
Määritä konsoliin tulostuva tulos ajamatta koodia:
javascriptlet arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let arr = ['a', ...arr1, ...arr1, 'b', 'c'];
console.log(arr);
Задание 3
Määritä konsoliin tulostuva tulos ajamatta koodia:
javascriptlet arr1 = [1, 2, 3];
let arr2 = [...arr1, 4, 5, 6];
let arr = ['a', 'b', 'c', ...arr2];
console.log(arr);
Задание 4
Määritä konsoliin tulostuva tulos ajamatta koodia:
javascriptlet arr1 = [1, 2, 3];
let arr2 = [...arr1, 4, 5, 6];
let arr3 = [...arr2, 7, 8, 9];
let arr = [0, ...arr3];
console.log(arr);
Задание 5
Määritä konsoliin tulostuva tulos ajamatta koodia:
javascriptlet arr1 = [1, 2, 3];
let arr2 = [...arr1];
console.log(arr2);