Tässä opetusohjelmassa opit JavaScript-taulukosta esimerkkien avulla.
Kuten tiedät, muuttuja voi tallentaa yhden elementin. Jos haluat tallentaa useita elementtejä kerralla, voit käyttää taulukkoa.
Taulukko on objekti, joka voi tallentaa useita elementtejä . Esimerkiksi,
const myArray = ('hello', 'world', 'welcome');
Luo taulukko
Voit luoda taulukon kahdella tavalla:
1. Kirjallisuuden taulukon käyttäminen
Helpoin tapa luoda taulukko on käyttää taulukon kirjainta (). Esimerkiksi,
const array1 = ("eat", "sleep");
2. Käyttämällä uutta avainsanaa
Voit myös luoda taulukon JavaScriptin newavainsanalla.
const array2 = new Array("eat", "sleep");
Molemmissa yllä olevissa esimerkeissä olemme luoneet taulukon, jossa on kaksi elementtiä.
Huomautus : Taulukon luomiseen on suositeltavaa käyttää taulukon kirjainta.
Tässä on lisää esimerkkejä matriiseista:
// 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);
Voit myös tallentaa taulukot, toiminnot ja muut objektit taulukkoon. Esimerkiksi,
const newData = ( ('task1': 'exercise'), (1, 2 ,3), function hello() ( console.log('hello')) );
Matriisin käyttöelementit
Matriisin sisällä oleviin elementteihin pääsee indekseillä (0, 1, 2…) . Esimerkiksi,
const myArray = ('h', 'e', 'l', 'l', 'o'); // first element console.log(myArray(0)); // "h" // second element console.log(myArray(1)); // "e" 
Taulukon indeksointi JavaScript-muodossa
Huomaa : Array-hakemisto alkaa 0: lla, ei 1: llä.
Lisää elementti taulukkoon
Voit käyttää sisäänrakennettua menetelmää push()ja unshift()lisätä elementin taulukkoon.
push()Menetelmä lisää elementin lopussa array ja palauttaa pituus uuden matriisin. Esimerkiksi,
let dailyActivities = ('eat', 'sleep'); // add an element at the end of the array dailyActivities.push('exercise'); console.log(dailyActivities); // ('eat', 'sleep', 'exercise')
unshift()Menetelmässä uusi elementti alkuun array ja palauttaa uuden pituus array. Esimerkiksi,
let dailyActivities = ('eat', 'sleep'); //add an element at the end of the array dailyActivities.unshift('work'); console.log(dailyActivities); // ('work', 'eat', 'sleep', 'exercise'')
Muuta taulukon elementtejä
Voit myös lisätä elementtejä tai muuttaa niitä avaamalla hakemiston arvon.
let dailyActivities = ( 'eat', 'sleep'); // this will add the new element 'exercise' at the 2 index dailyActivities(2) = 'exercise'; console.log(dailyActivities); // ('eat', 'sleep', 'exercise')
Oletetaan, että taulukossa on kaksi elementtiä. Jos yrität lisätä elementin hakemistoon 3 (neljäs elementti), kolmas elementti on määrittelemätön. Esimerkiksi,
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")
Pohjimmiltaan, jos yrität lisätä elementtejä korkeisiin indekseihin, välissä olevilla indekseillä on määrittelemätön arvo.
Poista elementti taulukosta
Voit käyttää pop()tapa poistaa viimeinen elementti jono. pop()Menetelmä palauttaa myös palautettu arvo. Esimerkiksi,
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')
Jos haluat poistaa ensimmäisen elementin, voit käyttää shift()menetelmää. shift()Menetelmä poistaa ensimmäinen elementti ja myös palauttaa poistetun elementti. Esimerkiksi,
let dailyActivities = ('work', 'eat', 'sleep'); // remove the first element dailyActivities.shift(); console.log(dailyActivities); // ('eat', 'sleep')
Taulukon pituus
Löydät elementin pituuden (taulukon elementtien määrän) lengthominaisuuden avulla. Esimerkiksi,
const dailyActivities = ( 'eat', 'sleep'); // this gives the total number of elements in an array console.log(dailyActivities.length); // 2
Matriisimenetelmät
JavaScriptissä on käytettävissä useita matriisimenetelmiä, jotka helpottavat hyödyllisten laskelmien suorittamista.
Joitakin yleisesti käytettyjä JavaScript-matriisimenetelmiä ovat:
| Menetelmä | Kuvaus |
|---|---|
| konkat () | liittyy kahteen tai useampaan matriisiin ja palauttaa tuloksen |
| sisällysluettelo() | etsii matriisin elementin ja palauttaa sen sijainnin |
| löytö() | palauttaa testin läpäisevän taulukkoelementin ensimmäisen arvon |
| findIndex () | palauttaa testin läpäisevän taulukkoelementin ensimmäisen indeksin |
| jokaiselle() | kutsuu funktion jokaiselle elementille |
| sisältää () | tarkistaa, sisältääkö taulukko määritetyn elementin |
| työntää() | aads uuden elementin taulukon loppuun ja palauttaa uuden matriisin pituuden |
| poista vaihto () | 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.
Koska taulukot ovat objekteja, taulukkoelementit tallennetaan viitteenä. Kun taulukon arvo kopioidaan, kaikki muutokset kopioidussa taulukossa heijastuvat myös alkuperäiseen ryhmään. Esimerkiksi,
let arr = ('h', 'e'); let arr1 = arr; arr1.push('l'); console.log(arr); // ("h", "e", "l") console.log(arr1); // ("h", "e", "l")
Voit tallentaa arvoja myös välittämällä nimetyn avaimen matriisiin. Esimerkiksi,
let arr = ('h', 'e'); arr.name = 'John'; console.log(arr); // ("h", "e") console.log(arr.name); // "John" console.log(arr('name')); // "John" 
Taulukon indeksointi JavaScript-muodossa
Arvojen tallentamista ei kuitenkaan suositella välittämällä mielivaltaisia nimiä matriisiin.
Siksi JavaScriptissä sinun tulisi käyttää taulukkoa, jos arvot ovat järjestetyssä kokoelmassa. Muuten on parempi käyttää objektia ( ).
Suositellut artikkelit
- JavaScript jokaiselle
- JavaScript käyttäjälle… /
- JavaScript-moniulotteinen taulukko
