JavaScript массивінің қайталануы ( Итерация ) — презентация

Массивті итерациялау әдістері Массивті итерациялау әдістері массивтің әр элементімен жұмыс істейді : Массив forEach Массив map() Массив flatMap () Массив filter() Массив reduce() Массив reduceRight ()

Изображение слайда

ForEach () әдісі массивтің әр элементі үшін функцияны ( кері қоңырау функциясынан ) бір рет шақырады. const  numbers = [45, 4, 9, 16, 25]; let txt = ""; numbers.forEach ( myFunction ); function  myFunction (value, index, array) {   txt += value + "< br >"; }

Изображение слайда

Map () әдісі әр массив элементінің үстінде функцияны орындау арқылы жаңа массив жасайды. Map () әдісі мәндері жоқ массив элементтері үшін функцияны орындамайды. Map () әдісі бастапқы массивті өзгертпейді. Бұл мысалда массивтің әрбір мәні 2-ге көбейтіледі :

Изображение слайда

const  numbers1 = [45, 4, 9, 16, 25]; const  numbers2 = numbers1.map( myFunction ); function  myFunction (value, index, array) {   return value * 2; }

Изображение слайда

ES2019 JavaScript - ке array flatMap () әдісін қосты. FlatMap () әдісі алдымен массивтің барлық элементтерін сәйкестендіреді, содан кейін массивті туралау арқылы жаңа массив жасайды.

Изображение слайда

const   myArr = [1, 2, 3, 4, 5, 6]; const   newArr = myArr.flatMap ((x) => x * 2);

Изображение слайда

Filter () әдісі сынақтан өтетін массив элементтері бар жаңа массив жасайды. Бұл мысалда мәні 18 ден асатын элементтердің жаңа массиві жасалады :

Изображение слайда

const  numbers = [45, 4, 9, 16, 25]; const  over18 = numbers.filter ( myFunction ); function  myFunction (value, index, array) {   return value > 18; }

Изображение слайда

Reduce () әдісі массивтің әр элементі үшін бір мәнді алу ( бір мәнге келтіру ) үшін функцияны іске қосады. Reduce () әдісі массивте солдан оңға қарай жұмыс істейді. Сондай-ақ reduceRight () бөлімін қараңыз. Reduce () әдісі бастапқы массивті азайтпайды. Бұл мысалда массивтегі барлық сандардың қосындысы есептеледі :

Изображение слайда

const  numbers = [45, 4, 9, 16, 25]; let sum = numbers.reduce ( myFunction ); function  myFunction (total, value, index, array) {   return total + value; }

Изображение слайда

Reduceright () әдісі массивтің әр элементі үшін бір мәнді алу ( азайту ) үшін функцияны іске қосады. Reduceright () массивте оңнан солға қарай жұмыс істейді. Сондай-ақ reduce () бөлімін қараңыз. ReduceRight () әдісі бастапқы массивті азайтпайды. Бұл мысалда массивтегі барлық сандардың қосындысы есептеледі :

Изображение слайда

const  numbers = [45, 4, 9, 16, 25]; let sum = numbers.reduceRight ( myFunction ); function  myFunction (total, value, index, array) {   return total + value; }

Изображение слайда

Тапсырма: Жаңа кодты жаттау Веб парақша құру

Изображение слайда