Array dari array dalam javascript

Question

Kita telah belajar bahwa sebuah variabel hanya dapat menampung satu nilai. Kami tidak dapat menetapkan beberapa nilai ke satu variabel. Larik JavaScript adalah jenis variabel khusus, yang dapat menyimpan banyak nilai menggunakan sintaks khusus

Table of Contents Show

Dapatkan Ukuran Array
Mengakses Elemen Array
Perbarui Elemen Array
Menambahkan Elemen Baru
Hapus Elemen Array
Bisakah Anda membuat array dari array JavaScript?
Bagaimana cara memanggil array array dalam JavaScript?
Bagaimana cara mendapatkan array nilai array dalam JavaScript?
Bagaimana cara menggabungkan dua larik menjadi satu larik di JavaScript?

Berikut ini mendeklarasikan array dengan lima nilai numerik

let numArr = [10, 20, 30, 40, 50];

Dalam larik di atas,

let numArr = new Array(10, 20, 30, 40, 50);

_5 adalah nama variabel larik. Beberapa nilai diberikan padanya dengan memisahkannya menggunakan koma di dalam tanda kurung siku sebagai

let numArr = new Array(10, 20, 30, 40, 50);

6. Jadi, variabel

let numArr = new Array(10, 20, 30, 40, 50);

_5 menyimpan lima nilai numerik. Array

let numArr = new Array(10, 20, 30, 40, 50);

5 dibuat menggunakan sintaks literal dan ini adalah cara yang disukai untuk membuat array

Cara lain untuk membuat array adalah menggunakan konstruktor ________1______9 , seperti yang ditunjukkan di bawah ini

let numArr = new Array(10, 20, 30, 40, 50);

_

Setiap nilai dikaitkan dengan indeks numerik yang dimulai dengan 0. Gambar berikut mengilustrasikan bagaimana sebuah array menyimpan nilai

Representasi Array JavaScript

Berikut ini adalah beberapa contoh array yang menyimpan tipe data yang berbeda

Contoh. Sintaks Literal Array

let stringArray = ["one", "two", "three"];

let numericArray = [1, 2, 3, 4];

let decimalArray = [1.1, 1.2, 1.3];

let booleanArray = [true, false, false, true];

Cobalah

Tidak diperlukan untuk menyimpan tipe nilai yang sama dalam sebuah array. Itu dapat menyimpan nilai dari berbagai jenis juga

let data = [1, "Steve", "DC", true, 255000, 5.5];

_

Dapatkan Ukuran Array

Gunakan properti

let stringArray = ["one", "two", "three"];

let numericArray = [1, 2, 3, 4];

let decimalArray = [1.1, 1.2, 1.3];

let booleanArray = [true, false, false, true];

_0 untuk mendapatkan jumlah total elemen dalam array. Itu berubah saat dan ketika Anda menambah atau menghapus elemen dari array

Contoh. Dapatkan Ukuran Larik

let cities = ["Mumbai", "New York", "Paris", "Sydney"];
console.log(cities.length); //4

cities[4] = "Delhi"; 
console.log(cities.length); //5

Cobalah

Mengakses Elemen Array

Elemen array (nilai) dapat diakses menggunakan indeks. Tentukan indeks dalam tanda kurung siku dengan nama array untuk mengakses elemen pada indeks tertentu seperti

let stringArray = ["one", "two", "three"];

let numericArray = [1, 2, 3, 4];

let decimalArray = [1.1, 1.2, 1.3];

let booleanArray = [true, false, false, true];

1. Perhatikan bahwa indeks array dimulai dari nol

Contoh. Mengakses Elemen Array

let numArr = [10, 20, 30, 40, 50];
console.log(numArr[0]); // 10
console.log(numArr[1]); // 20
console.log(numArr[2]); // 30
console.log(numArr[3]); // 40
console.log(numArr[4]); // 50

let cities = ["Mumbai", "New York", "Paris", "Sydney"];

console.log(cities[0]); // "Mumbai"
console.log(cities[1]); // "New York"
console.log(cities[2]); // "Paris"
console.log(cities[3]); // "Sydney"

//accessing element from nonexistance index
console.log(cities[4]); // undefined

Cobalah

Untuk browser baru, Anda dapat menggunakan metode

let stringArray = ["one", "two", "three"];

let numericArray = [1, 2, 3, 4];

let decimalArray = [1.1, 1.2, 1.3];

let booleanArray = [true, false, false, true];

2 untuk mendapatkan elemen dari indeks yang ditentukan. Ini sama dengan

let stringArray = ["one", "two", "three"];

let numericArray = [1, 2, 3, 4];

let decimalArray = [1.1, 1.2, 1.3];

let booleanArray = [true, false, false, true];

_3 kecuali bahwa

let stringArray = ["one", "two", "three"];

let numericArray = [1, 2, 3, 4];

let decimalArray = [1.1, 1.2, 1.3];

let booleanArray = [true, false, false, true];

4 mengembalikan elemen dari elemen terakhir jika indeks yang ditentukan negatif

Contoh. Mengakses Array menggunakan at()

let numArr = [10, 20, 30, 40, 50];
console.log(numArr.at(0)); // 10
console.log(numArr.at(1)); // 20
console.log(numArr.at(2)); // 30
console.log(numArr.at(3)); // 40
console.log(numArr.at(4)); // 50
console.log(numArr.at(5)); // undefined

//passing negative index
console.log(numArr.at(-1)); // 50
console.log(numArr.at(-2)); // 40
console.log(numArr.at(-3)); // 30
console.log(numArr.at(-4)); // 20
console.log(numArr.at(-5)); // 10
console.log(numArr.at(-6)); // undefined

Cobalah

Anda dapat mengulangi array menggunakan

let stringArray = ["one", "two", "three"];

let numericArray = [1, 2, 3, 4];

let decimalArray = [1.1, 1.2, 1.3];

let booleanArray = [true, false, false, true];

_5, for, for-of, dan for-in loop, seperti yang ditunjukkan di bawah ini

Contoh. Mengakses Elemen Array

let numArr = [10, 20, 30, 40, 50];

numArr.forEach(i =>  console.log(i)); //prints all elements

for(let i=0; i<numArr.length; i++)
  console.log(numArr[i]);

for(let i of numArr)
  console.log(i);

for(let i in numArr)
  console.log(numArr[i]);

Cobalah

Perbarui Elemen Array

Anda dapat memperbarui elemen array pada indeks tertentu menggunakan sintaks

let stringArray = ["one", "two", "three"];

let numericArray = [1, 2, 3, 4];

let decimalArray = [1.1, 1.2, 1.3];

let booleanArray = [true, false, false, true];

6

Contoh. Perbarui Elemen Array

let cities = ["Mumbai", "New York", "Paris", "Sydney"];

cities[0] = "Delhi"; 
cities[1] = "Los angeles";

console.log(cities); //["Delhi", "Los angeles", "Paris", "Sydney"]

Cobalah

Menambahkan Elemen Baru

Anda dapat menambahkan elemen baru menggunakan sintaks

let stringArray = ["one", "two", "three"];

let numericArray = [1, 2, 3, 4];

let decimalArray = [1.1, 1.2, 1.3];

let booleanArray = [true, false, false, true];

6. Pastikan indeks lebih besar dari indeks terakhir. Jika Anda menentukan indeks yang ada maka itu akan memperbarui nilainya

Contoh. Tambahkan Elemen Array

let cities = ["Mumbai", "New York", "Paris", "Sydney"];

cities[4] = "Delhi"; //add new element at last
console.log(cities); //["Mumbai", "New York", "Paris", "Sydney", "Delhi"]

cities[cities.length] = "London";//use length property to specify last index
console.log(cities); //["Mumbai", "New York", "Paris", "Sydney", "Delhi", "London"]

cities[9] = "Pune"; 
console.log(cities); //["Mumbai", "New York", "Paris", "Sydney", "Delhi", "Londen", undefined, undefined, undefined, "Pune"]

Cobalah

Dalam contoh di atas,

let stringArray = ["one", "two", "three"];

let numericArray = [1, 2, 3, 4];

let decimalArray = [1.1, 1.2, 1.3];

let booleanArray = [true, false, false, true];

_8 menambahkan

let stringArray = ["one", "two", "three"];

let numericArray = [1, 2, 3, 4];

let decimalArray = [1.1, 1.2, 1.3];

let booleanArray = [true, false, false, true];

9 pada indeks ke-9 dan semua indeks lain yang tidak dinyatakan sebagai tidak terdefinisi

Cara yang disarankan untuk menambahkan elemen di bagian akhir menggunakan metode

let data = [1, "Steve", "DC", true, 255000, 5.5];

0. Itu menambahkan elemen di akhir array

Contoh. Tambahkan Elemen Terakhir menggunakan push()

let numArr = new Array(10, 20, 30, 40, 50);

_0

Cobalah

Gunakan metode

let data = [1, "Steve", "DC", true, 255000, 5.5];

_1 untuk menambahkan elemen ke awal array

Contoh. Tambahkan Elemen menggunakan unshift()

let numArr = new Array(10, 20, 30, 40, 50);

_1

Cobalah

Hapus Elemen Array

Metode

let data = [1, "Steve", "DC", true, 255000, 5.5];

2 mengembalikan elemen terakhir dan menghapusnya dari array

Contoh. Hapus Elemen Terakhir

let numArr = new Array(10, 20, 30, 40, 50);

_2

Cobalah

Metode

let data = [1, "Steve", "DC", true, 255000, 5.5];

3 mengembalikan elemen pertama dan menghapusnya dari array

Contoh. Hapus Elemen Pertama

let numArr = new Array(10, 20, 30, 40, 50);

_3

Cobalah

Anda tidak dapat menghapus elemen tengah dari array. Anda harus membuat larik baru dari larik yang sudah ada tanpa elemen yang tidak Anda inginkan, seperti yang ditunjukkan di bawah ini

Bisakah Anda membuat array dari array JavaScript?

Javascript hanya memiliki larik 1 dimensi, tetapi Anda dapat membuat larik dari larik , seperti yang ditunjukkan orang lain. Jumlah kolom tidak terlalu penting, karena tidak perlu menentukan ukuran array sebelum menggunakannya. Maka Anda bisa menelepon. var arr = Create2DArray(100); .

Bagaimana cara memanggil array array dalam JavaScript?

Untuk mengakses elemen array dalam, Anda cukup menggunakan dua set tanda kurung siku . Misalnya, pets[1][2] mengakses elemen ke-3 dari array di dalam elemen ke-2 dari array pets.