Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Taulukon Metodit ja Käsittely | Muuttujat ja Tietotyypit JavaScriptissä
Johdanto JavaScriptiin

bookTaulukon Metodit ja Käsittely

Taulukot ovat monipuolisia tietojen tallentamiseen ja hakemiseen. Tietojen hakemista hakasulkeilla [] kutsutaan indeksoinniksi.

let arr = [1, 2, 3, 4, 5, 6];
arr[3] // This is indexing

Taulukoiden käsittelyyn on kuitenkin saatavilla useita menetelmiä.

Alkioiden lisääminen

Taulukkoon voidaan lisätä alkioita eri tavoilla.

Push

push()-metodi lisää uuden arvon taulukon loppuun:

1234567
let arr = [1, 2, 3]; arr.push(4); arr.push(5); arr.push(6); console.log(arr);
copy

Unshift

unshift()-metodi toimii kuten push()-metodi, mutta se lisää arvon taulukon alkuun.

123456
let arr = [1, 2, 3]; console.log("Array:", arr); arr.unshift(222); // Insert element at the start console.log("Array:", arr);
copy

Indeksointi

Uuden arvon voi lisätä indeksoimalla:

123456
let arr = [1, 2]; arr[2] = 3; arr[3] = 4; console.log(arr);
copy

Indeksointi mahdollistaa arvon asettamisen tiettyyn indeksiin, aiemman arvon uudelleenasettamisen ja muita toimintoja:

12345
let arr = [1, 2, 3]; arr[0] = 4; console.log("Array:", arr);
copy

Uuden alkion luomiseen taulukkoon virheettömästi voidaan käyttää push(value)-metodia tai lauseketta arr[arr.length] = value:

12345678910111213
let myArray = []; myArray[myArray.length] = "indexing"; console.log("After first indexing:", myArray); myArray.push("pushing"); console.log("After first pushing:", myArray); myArray[myArray.length] = "indexing"; console.log("After second indexing:", myArray); myArray.push("pushing"); console.log("After second pushing:", myArray);
copy

Alkioiden poistaminen

Joskus voi olla tarpeen poistaa alkioita taulukosta. Tämä voidaan tehdä eri tavoilla.

Pop

pop()-metodi poistaa taulukon viimeisen alkion ja mahdollistaa sen tallentamisen toiseen muuttujaan:

1234567
let arr = [11, 22, 33, 44]; console.log("Array:", arr); let x = arr.pop(); // Remove and save the last element in `arr` to variable `x` console.log("Popped element:", x); console.log("Array now:", arr);
copy

Shift

shift()-metodi toimii kuten pop(), mutta se poistaa ensimmäisen alkion taulukosta:

123456789101112
let arr = [11, 22, 33, 44, 55, 66]; console.log("Array:", arr); let popped = arr.pop(); // Remove the last element console.log("Popped:", popped); console.log("Array:", arr); let shifted = arr.shift(); // Remove the first element console.log("Shifted:", shifted); console.log("Array:", arr);
copy

1. Kuinka voidaan lisätä alkio taulukon loppuun?

2. Kuinka voidaan poistaa taulukon viimeinen alkio?

question mark

Kuinka voidaan lisätä alkio taulukon loppuun?

Select the correct answer

question mark

Kuinka voidaan poistaa taulukon viimeinen alkio?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 7

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Suggested prompts:

Can you explain the difference between push and unshift?

How does indexing work when adding or updating elements?

What happens if I use pop or shift on an empty array?

Awesome!

Completion rate improved to 2.33

bookTaulukon Metodit ja Käsittely

Pyyhkäise näyttääksesi valikon

Taulukot ovat monipuolisia tietojen tallentamiseen ja hakemiseen. Tietojen hakemista hakasulkeilla [] kutsutaan indeksoinniksi.

let arr = [1, 2, 3, 4, 5, 6];
arr[3] // This is indexing

Taulukoiden käsittelyyn on kuitenkin saatavilla useita menetelmiä.

Alkioiden lisääminen

Taulukkoon voidaan lisätä alkioita eri tavoilla.

Push

push()-metodi lisää uuden arvon taulukon loppuun:

1234567
let arr = [1, 2, 3]; arr.push(4); arr.push(5); arr.push(6); console.log(arr);
copy

Unshift

unshift()-metodi toimii kuten push()-metodi, mutta se lisää arvon taulukon alkuun.

123456
let arr = [1, 2, 3]; console.log("Array:", arr); arr.unshift(222); // Insert element at the start console.log("Array:", arr);
copy

Indeksointi

Uuden arvon voi lisätä indeksoimalla:

123456
let arr = [1, 2]; arr[2] = 3; arr[3] = 4; console.log(arr);
copy

Indeksointi mahdollistaa arvon asettamisen tiettyyn indeksiin, aiemman arvon uudelleenasettamisen ja muita toimintoja:

12345
let arr = [1, 2, 3]; arr[0] = 4; console.log("Array:", arr);
copy

Uuden alkion luomiseen taulukkoon virheettömästi voidaan käyttää push(value)-metodia tai lauseketta arr[arr.length] = value:

12345678910111213
let myArray = []; myArray[myArray.length] = "indexing"; console.log("After first indexing:", myArray); myArray.push("pushing"); console.log("After first pushing:", myArray); myArray[myArray.length] = "indexing"; console.log("After second indexing:", myArray); myArray.push("pushing"); console.log("After second pushing:", myArray);
copy

Alkioiden poistaminen

Joskus voi olla tarpeen poistaa alkioita taulukosta. Tämä voidaan tehdä eri tavoilla.

Pop

pop()-metodi poistaa taulukon viimeisen alkion ja mahdollistaa sen tallentamisen toiseen muuttujaan:

1234567
let arr = [11, 22, 33, 44]; console.log("Array:", arr); let x = arr.pop(); // Remove and save the last element in `arr` to variable `x` console.log("Popped element:", x); console.log("Array now:", arr);
copy

Shift

shift()-metodi toimii kuten pop(), mutta se poistaa ensimmäisen alkion taulukosta:

123456789101112
let arr = [11, 22, 33, 44, 55, 66]; console.log("Array:", arr); let popped = arr.pop(); // Remove the last element console.log("Popped:", popped); console.log("Array:", arr); let shifted = arr.shift(); // Remove the first element console.log("Shifted:", shifted); console.log("Array:", arr);
copy

1. Kuinka voidaan lisätä alkio taulukon loppuun?

2. Kuinka voidaan poistaa taulukon viimeinen alkio?

question mark

Kuinka voidaan lisätä alkio taulukon loppuun?

Select the correct answer

question mark

Kuinka voidaan poistaa taulukon viimeinen alkio?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 7
some-alt