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

book
Taulukon Menetelmät ja Käsittely

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

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

Kuitenkin, on olemassa erilaisia menetelmiä taulukoiden käsittelyyn.

Elementtien lisääminen

On olemassa erilaisia tapoja lisätä elementtejä taulukkoon.

Push

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

let arr = [1, 2, 3];

arr.push(4);
arr.push(5);
arr.push(6);

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

Unshift

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

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

arr.unshift(222); // Insert element at the start

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

Indeksointi

Voit lisätä uuden arvon indeksoimalla:

let arr = [1, 2];

arr[2] = 3;
arr[3] = 4;

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

Indeksointi mahdollistaa arvon asettamisen tiettyyn indeksiin, aiemman arvon uudelleenmäärittelyn ja paljon muuta:

let arr = [1, 2, 3];

arr[0] = 4;

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

Luodaksesi uuden elementin taulukkoon ilman virheitä, voit käyttää push(value)-metodia tai arr[arr.length] = value-ilmaisua:

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);
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

Elementtien poistaminen

Joskus saatat joutua poistamaan elementtejä taulukosta. Tämä voidaan tehdä eri tavoilla.

Pop

pop()-metodi poistaa viimeisen elementin taulukosta ja antaa sinun tallentaa sen toiseen muuttujaan:

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);
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 elementin taulukosta:

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);
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 voimme lisätä elementin taulukon loppuun?

2. Kuinka voimme poistaa viimeisen elementin taulukosta?

question mark

Kuinka voimme lisätä elementin taulukon loppuun?

let arr = [1, 2];

Select the correct answer

question mark

Kuinka voimme poistaa viimeisen elementin taulukosta?

let arr = [1, 2, 3];

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

some-alt