Massivin düzülməsi və surəti

Əlavə etmək, silmək və çevirmək

push sona, unshift əvvələ əlavə edir; pop sondan, shift əvvəldən silib həmin elementi qaytarır. Bu metodlar ilkin massivi dəyişir. join massivi mətnə, split mətni hissələr massivinə çevirir.

const names = ['Aysel', 'Murad'];
names.push('Leyla');
const first = names.shift();
console.log(first, names.join(', '));
const numbers = '2,4,6'.split(',').map(Number);
const copy = [...numbers];
copy[0] *= 2;
console.log(numbers, copy); // [2,4,6] [4,4,6]
const [head, ...tail] = numbers;

Nümunə

Destrukturizasiya və çoxölçülü məlumat

[head, ...tail] ilk elementi ayırıb qalanları yeni massivə yığır. Spread mövcud elementləri yeni massivə açır. slice də səthi surət yarada bilər; splice isə yerində əlavə/silmə edir.

İç-içə massivə matrix[row][column] ilə müraciət edilir. Spread yalnız xarici səviyyəni köçürür: içəridə obyekt və ya massiv varsa həmin istinad paylaşılır. Dərin hissəni yeniləmək üçün dəyişəcək hər səviyyədə yeni struktur yarat. Surət çıxarmaqla yeni dəyişən adı verməyi qarışdırma.

Əlavə qeydlər və mənbələr

push, pop, shift və unshift ilə massiv üzərində dəyişiklik et. split və join mətnlə massiv arasında çevirmə edir; destrukturizasiya və spread ilə dəyərləri ayır və səthi surət yarat.

Niyə vacibdir?

JavaScript istifadəçi hərəkətinə cavab verən və məlumatı emal edən səhifələr yaratmağa imkan verir.

Əvvəlki biliklər

Git və GitHub

Bu mövzuda

Element əlavə etmək və silmək
split, join və çoxölçülü massiv
Destrukturizasiya və spread

Mövzuya baxış

Mənbələr

Məşqin idarəetməsi

Addım 1 / 3

Surəti dəyiş, ilkin massivi saxla

Surətin ilk elementini dəyiş və hər iki massivi müqayisə et.

İlkin massivSurətin ilk elementi 2

Hədəf: Surətin ilk elementini 9 et.

Canlı nəticə

Giriş246

Nəticə246

Mənbə kodu

const copy = [...items];
copy[0] = 2;

Addım-addım izlə

İlkin massiv: [2,4,6]
Surət: [2,4,6]

Özün sına

Beş ədəddən ibarət massivin surətini çıxar və surətdəki ədədləri ikiqat artır. İlkin massivin dəyişmədiyini, iç-içə obyektlərdə isə səthi surətin sərhədini yoxla.

Nəticəni necə yoxlayım?

Surət üzərindəki ədədlər dəyişir, ilkin massiv eyni qalır; split və join üçün nəticə tiplərini izah edirsən.

Gözlənilən nəticə

İlkin ədədlər 1..5 olaraq qalır; yeni massiv 2, 4, 6, 8, 10 olur.
Səthi surətdəki obyekt dəyişəndə ilkin obyektin adı da Leyla olur.

[1,2,3,4,5]
[2,4,6,8,10]
Leyla

Nümunə həllə bax

Əvvəl özün sına, sonra müqayisə et. Bu, mümkün həllərdən biridir.

map yeni ədədlər massivi yaradır. Spread massivdəki obyektlərin özünü dərindən köçürmür.

main.js

const numbers = [1, 2, 3, 4, 5];
const doubled = [...numbers].map(number => number * 2);
console.log(JSON.stringify(numbers));
console.log(JSON.stringify(doubled));
const original = [{ name: 'Aysel' }];
const shallow = [...original];
shallow[0].name = 'Leyla';
console.log(original[0].name);

Praktikanı bitirdin?Özün qiymətləndirirsən. İrəliləyiş bu brauzerdə saxlanılır.