Šajā apmācībā jūs uzzināsit par JavaScript masīvu ar piemēru palīdzību.
Kā jūs zināt, mainīgais var saglabāt vienu elementu. Ja jums vienlaikus jāglabā vairāki elementi, varat izmantot masīvu.
Masīvs ir objekts, kas var saglabāt vairākus elementus . Piemēram,
const myArray = ('hello', 'world', 'welcome');
Izveidojiet masīvu
Masīvu var izveidot, izmantojot divus veidus:
1. Masīva burtiskā vārda izmantošana
Vieglākais veids, kā izveidot masīvu, ir masīva burtiskais (). Piemēram,
const array1 = ("eat", "sleep");
2. Izmantojot jauno atslēgvārdu
Jūs varat arī izveidot masīvu, izmantojot JavaScript newatslēgvārdu.
const array2 = new Array("eat", "sleep");
Abos iepriekš minētajos piemēros mēs esam izveidojuši masīvu ar diviem elementiem.
Piezīme : Lai izveidotu masīvu, ieteicams izmantot masīva burtisko.
Šeit ir vairāk masīvu piemēru:
// empty array const myList = ( ); // array containing number values const numberArray = ( 2, 4, 6, 8); // array containing string values const stringArray = ( 'eat', 'work', 'sleep'); // multiple data types array const newData = ('work', 'exercise', 1, true);
Masīvā var glabāt arī masīvus, funkcijas un citus objektus. Piemēram,
const newData = ( ('task1': 'exercise'), (1, 2 ,3), function hello() ( console.log('hello')) );
Piekļuves masīva elementiem
Masīva iekšienē esošajiem elementiem var piekļūt, izmantojot indeksus (0, 1, 2…) . Piemēram,
const myArray = ('h', 'e', 'l', 'l', 'o'); // first element console.log(myArray(0)); // "h" // second element console.log(myArray(1)); // "e" 
Masīva indeksēšana JavaScript
Piezīme : Masīva indekss sākas ar 0, nevis 1.
Pievienojiet elementu masīvam
Jūs varat izmantot iebūvēto metodi push()un, unshift()lai masīvam pievienotu elementu.
push()Metode piebilst elementu beigās masīva un atgriež garumu jaunu masīvs. Piemēram,
let dailyActivities = ('eat', 'sleep'); // add an element at the end of the array dailyActivities.push('exercise'); console.log(dailyActivities); // ('eat', 'sleep', 'exercise')
unshift()Metode pievieno jaunu elementu sākumā masīva un atgriež jaunu garums masīva. Piemēram,
let dailyActivities = ('eat', 'sleep'); //add an element at the end of the array dailyActivities.unshift('work'); console.log(dailyActivities); // ('work', 'eat', 'sleep', 'exercise'')
Mainīt masīva elementus
Varat arī pievienot elementus vai mainīt tos, piekļūstot indeksa vērtībai.
let dailyActivities = ( 'eat', 'sleep'); // this will add the new element 'exercise' at the 2 index dailyActivities(2) = 'exercise'; console.log(dailyActivities); // ('eat', 'sleep', 'exercise')
Pieņemsim, ka masīvam ir divi elementi. Ja mēģināt pievienot elementu 3. indeksā (ceturtais elements), trešais elements nebūs definēts. Piemēram,
let dailyActivities = ( 'eat', 'sleep'); // this will add the new element 'exercise' at the 3 index dailyActivities(3) = 'exercise'; console.log(dailyActivities); // ("eat", "sleep", undefined, "exercise")
Būtībā, ja jūs mēģināt pievienot elementus augstiem indeksiem, indeksiem starp tiem būs nenoteikta vērtība.
Noņemiet elementu no masīva
Jūs varat izmantot pop()metodi, lai noņemtu pēdējo elementu no masīva. pop()Metode arī atgriež atpakaļ vērtību. Piemēram,
let dailyActivities = ('work', 'eat', 'sleep', 'exercise'); // remove the last element dailyActivities.pop(); console.log(dailyActivities); // ('work', 'eat', 'sleep') // remove the last element from ('work', 'eat', 'sleep') const removedElement = dailyActivities.pop(); //get removed element console.log(removedElement); // 'sleep' console.log(dailyActivities); // ('work', 'eat')
Ja jums ir nepieciešams noņemt pirmo elementu, varat izmantot shift()metodi. shift()Metodi noņem pirmo elementu, kā arī atgriež noņemto elementu. Piemēram,
let dailyActivities = ('work', 'eat', 'sleep'); // remove the first element dailyActivities.shift(); console.log(dailyActivities); // ('eat', 'sleep')
Masīva garums
Izmantojot lengthīpašumu, varat uzzināt elementa garumu (elementu skaitu masīvā) . Piemēram,
const dailyActivities = ( 'eat', 'sleep'); // this gives the total number of elements in an array console.log(dailyActivities.length); // 2
Masīvu metodes
JavaScript ir pieejamas dažādas masīvu metodes, kas atvieglo noderīgu aprēķinu veikšanu.
Dažas no visbiežāk izmantotajām JavaScript masīvu metodēm ir:
| Metode | Apraksts |
|---|---|
| concat () | pievienojas diviem vai vairākiem masīviem un atgriež rezultātu |
| indexOf () | meklē masīva elementu un atgriež tā pozīciju |
| atrast () | atgriež masīva elementa pirmo vērtību, kas iztur pārbaudi |
| findIndex () | atgriež masīva elementa pirmo indeksu, kas iztur pārbaudi |
| katram() | izsauc funkciju katram elementam |
| ietilpst() | pārbauda, vai masīvā ir noteikts elements |
| virzīt () | aads jaunu elementu līdz masīva beigām un atgriež masīva jauno garumu |
| atcelt () | adds a new element to the beginning of an array and returns the new length of an array |
| pop() | removes the last element of an array and returns the removed element |
| shift() | removes the first element of an array and returns the removed element |
| sort() | sorts the elements alphabetically in strings and in ascending order |
| slice() | selects the part of an array and returns the new array |
| splice() | removes or replaces existing elements and/or adds new elements |
Example: JavaScript Array Methods
let dailyActivities = ('sleep', 'work', 'exercise') let newRoutine = ('eat'); // sorting elements in the alphabetical order dailyActivities.sort(); console.log(dailyActivities); // ('exercise', 'sleep', 'work') //finding the index position of string const position = dailyActivities.indexOf('work'); console.log(position); // 2 // slicing the array elements const newDailyActivities = dailyActivities.slice(1); console.log(newDailyActivities); // ( 'sleep', 'work') // concatenating two arrays const routine = dailyActivities.concat(newRoutine); console.log(routine); // ("exercise", "sleep", "work", "eat")
Note: If the element is not in an array, indexOf() gives -1.
Visit JavaScript Array Methods to learn more.
Working of JavaScript Arrays
In JavaScript, an array is an object. And, the indices of arrays are objects keys.
Tā kā masīvi ir objekti, masīva elementi tiek saglabāti ar atsauci. Tādējādi, kopējot masīva vērtību, visas izmaiņas kopētajā masīvā atspoguļosies arī sākotnējā masīvā. Piemēram,
let arr = ('h', 'e'); let arr1 = arr; arr1.push('l'); console.log(arr); // ("h", "e", "l") console.log(arr1); // ("h", "e", "l")
Varat arī saglabāt vērtības, masīvā nododot nosaukto atslēgu. Piemēram,
let arr = ('h', 'e'); arr.name = 'John'; console.log(arr); // ("h", "e") console.log(arr.name); // "John" console.log(arr('name')); // "John" 
Masīva indeksēšana JavaScript
Tomēr nav ieteicams vērtības glabāt, masīvā nododot patvaļīgus nosaukumus.
Tādējādi JavaScript, ja vērtības ir sakārtotā kolekcijā, jums jāizmanto masīvs. Pretējā gadījumā objektu ir labāk izmantot ar ( ).
Ieteiktie raksti
- JavaScript katram
- JavaScript vietnei… no
- JavaScript daudzdimensionāls masīvs
