Selles õpetuses saate näidete abil õppida JavaScripti massiivi kohta.
Nagu teate, võib muutuja salvestada ühe elemendi. Kui peate korraga salvestama mitu elementi, võite kasutada massiivi.
Massiiv on objekt, mis suudab salvestada mitut elementi . Näiteks,
const myArray = ('hello', 'world', 'welcome');
Loo massiiv
Massiivi saate luua kahel viisil:
1. Massiivi literaali kasutamine
Lihtsaim viis massiivi loomiseks on massiivi literaali kasutamine ()
. Näiteks,
const array1 = ("eat", "sleep");
2. Uue märksõna kasutamine
Massiivi saate luua ka JavaScripti new
märksõna abil.
const array2 = new Array("eat", "sleep");
Mõlemas ülaltoodud näites oleme loonud massiivi, millel on kaks elementi.
Märkus . Massiivi loomiseks on soovitatav kasutada massiivi literaali.
Siin on veel mitu massiivi näidet:
// 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);
Massiivi sisse saab salvestada ka massiive, funktsioone ja muid objekte. Näiteks,
const newData = ( ('task1': 'exercise'), (1, 2 ,3), function hello() ( console.log('hello')) );
Massiivi juurdepääsuelementidele
Massiivi sees olevatele elementidele pääsete juurde indeksite abil (0, 1, 2…) . Näiteks,
const myArray = ('h', 'e', 'l', 'l', 'o'); // first element console.log(myArray(0)); // "h" // second element console.log(myArray(1)); // "e"
![](https://cdn.wiki-base.com/7339741/javascript_array_with_examples.png.webp)
Märkus . Massiivi indeks algab 0-st, mitte 1-st.
Lisage massiivi element
Massiivi elemendi lisamiseks võite kasutada sisseehitatud meetodit push()
ja unshift()
.
push()
Meetod lisab element lõpus massiivi ja tagastab pikkuse uue massiivi. Näiteks,
let dailyActivities = ('eat', 'sleep'); // add an element at the end of the array dailyActivities.push('exercise'); console.log(dailyActivities); // ('eat', 'sleep', 'exercise')
unshift()
Meetod lisab uue elemendi alguses massiivi ja tagastab uue pikkus array. Näiteks,
let dailyActivities = ('eat', 'sleep'); //add an element at the end of the array dailyActivities.unshift('work'); console.log(dailyActivities); // ('work', 'eat', 'sleep', 'exercise'')
Massiivi elementide muutmine
Elementide lisamiseks või elementide muutmiseks võite juurde pääseda ka indeksi väärtusele.
let dailyActivities = ( 'eat', 'sleep'); // this will add the new element 'exercise' at the 2 index dailyActivities(2) = 'exercise'; console.log(dailyActivities); // ('eat', 'sleep', 'exercise')
Oletame, et massiivil on kaks elementi. Kui proovite lisada elementi indeksisse 3 (neljas element), on kolmas element määratlemata. Näiteks,
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")
Põhimõtteliselt, kui proovite kõrgetele indeksitele elemente lisada, on nende vahel asuvatel indeksitel määratlemata väärtus.
Elemendi eemaldamine massiivist
Selle pop()
meetodi abil saate massiivi viimase elemendi eemaldada. pop()
Meetod tagastab samuti tagastatud raha. Näiteks,
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')
Kui peate esimese elemendi eemaldama, saate shift()
meetodit kasutada . shift()
Meetod eemaldab esimene element ja ka tagastab eemaldatud element. Näiteks,
let dailyActivities = ('work', 'eat', 'sleep'); // remove the first element dailyActivities.shift(); console.log(dailyActivities); // ('eat', 'sleep')
Massiivi pikkus
Atribuudi abil saate leida elemendi pikkuse (massiivi elementide arvu) length
. Näiteks,
const dailyActivities = ( 'eat', 'sleep'); // this gives the total number of elements in an array console.log(dailyActivities.length); // 2
Massiivimeetodid
JavaScriptis on saadaval mitmesugused massiivimeetodid, mis hõlbustavad kasulike arvutuste tegemist.
Mõned tavaliselt kasutatavad JavaScripti massiivi meetodid on:
Meetod | Kirjeldus |
---|---|
konkat () | liitub kahe või enama massiiviga ja tagastab tulemuse |
indeks() | otsib massiivi elementi ja tagastab selle positsiooni |
leidma () | tagastab testi läbinud massiivi elemendi esimese väärtuse |
findIndex () | tagastab testi läbinud massiivielemendi esimese indeksi |
igaühele() | kutsub iga elemendi jaoks funktsiooni |
sisaldab () | kontrollib, kas massiiv sisaldab määratud elementi |
suruma () | aads uue elemendi massiivi lõppu ja tagastab massiivi uue pikkuse |
ümberlülitamine () | 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.
Kuna massiivid on objektid, salvestatakse massiivi elemendid viitena. Seega, kui massiivi väärtus kopeeritakse, kajastuvad kõik muudatused kopeeritud massiivis ka algses massiivis. Näiteks,
let arr = ('h', 'e'); let arr1 = arr; arr1.push('l'); console.log(arr); // ("h", "e", "l") console.log(arr1); // ("h", "e", "l")
Väärtusi saab salvestada ka massiivi nimelise võtme edastamisega. Näiteks,
let arr = ('h', 'e'); arr.name = 'John'; console.log(arr); // ("h", "e") console.log(arr.name); // "John" console.log(arr('name')); // "John"
![](https://cdn.wiki-base.com/7339741/javascript_array_with_examples_2.png.webp)
Siiski pole soovitatav väärtusi salvestada massiivis suvaliste nimede edastamise teel.
Seega peate JavaScripti kasutama massiivi, kui väärtused on tellitud kogumis. Muidu on parem objekti kasutada ( )
.
Soovitatavad artiklid
- JavaScript igaühele
- JavaScripti … jaoks
- JavaScripti mitmemõõtmeline massiiv