Array – Devscale Indonesia

Array Manipulation

Untuk memanipulasi array, kita bisa menggunakan method-method yang ada di dalam class Array. Method-method tersebut antara lain:

push(): menambahkan elemen baru di akhir array
pop(): menghapus elemen terakhir dari array
shift(): menghapus elemen pertama dari array
unshift(): menambahkan elemen baru di awal array
splice(): menghapus elemen tertentu dari array
slice(): mengambil elemen tertentu dari array
concat(): menggabungkan dua array atau lebih
reverse(): membalik urutan elemen-elemen array
sort(): mengurutkan elemen-elemen array

Contoh :

push()

const arr = ["Budi", "Joni", "Jaka"];
arr.push("Joko");
console.log(arr); // ["Budi", "Joni", "Jaka", "Joko"]

pop()

const arr = ["Budi", "Joni", "Jaka"];
arr.pop();
console.log(arr); // ["Budi", "Joni"]

shift()

const arr = ["Budi", "Joni", "Jaka"];
arr.shift();
console.log(arr); // ["Joni", "Jaka"]

unshift()

const arr = ["Budi", "Joni", "Jaka"];
arr.unshift("Joko");
console.log(arr); // ["Joko", "Budi", "Joni", "Jaka"]

splice()

const arr = ["Budi", "Joni", "Jaka"];
arr.splice(1, 1);
console.log(arr); // ["Budi", "Jaka"]

slice()

const arr = ["Budi", "Joni", "Jaka"];
const arr2 = arr.slice(1, 2);
 
console.log(arr); // ["Budi", "Joni", "Jaka"]
 
console.log(arr2); // ["Joni"]

concat()

const arr = ["Budi", "Joni", "Jaka"];
const arr2 = ["Joko", "Jaka"];
 
const arr3 = arr.concat(arr2);
 
console.log(arr); // ["Budi", "Joni", "Jaka"]
 
console.log(arr2); // ["Joko", "Jaka"]
 
console.log(arr3); // ["Budi", "Joni", "Jaka", "Joko", "Jaka"]

reverse()

const arr = ["Budi", "Joni", "Jaka"];
arr.reverse();
 
console.log(arr); // ["Jaka", "Joni", "Budi"]

sort()

const arr = ["Budi", "Joni", "Jaka"];
arr.sort();
 
console.log(arr); // ["Budi", "Jaka", "Joni"]

Mengakses Elemen Array

Untuk mengakses elemen array, kita bisa menggunakan index. Index array dimulai dari 0. Contoh:

const arr = ["Budi", "Joni", "Jaka"];
console.log(arr[0]); // "Budi"
console.log(arr[1]); // "Joni"
console.log(arr[2]); // "Jaka"

Mengubah Elemen Array

Untuk mengubah elemen array, kita bisa menggunakan index. Contoh:

const arr = ["Budi", "Joni", "Jaka"];
arr[0] = "Joko";
console.log(arr); // ["Joko", "Joni", "Jaka"]

Menghapus Elemen Array

Untuk menghapus elemen array, kita bisa menggunakan index. Contoh:

const arr = ["Budi", "Joni", "Jaka"];
delete arr[0];
console.log(arr); // [empty, "Joni", "Jaka"]

Array Multidimensi

Array multidimensi adalah array yang berisi array. Contoh:

const arr = [
  ["Budi", "Joni", "Jaka"],
  ["Joko", "Jaka"],
];
 
console.log(arr[0]); // ["Budi", "Joni", "Jaka"]
console.log(arr[1]); // ["Joko", "Jaka"]
 
console.log(arr[0][0]); // "Budi"
 
console.log(arr[1][1]); // "Jaka"

Array Object

Array object adalah array yang berisi object. Contoh:

const arr = [
  {
    name: "Budi",
    age: 20,
  },
  {
    name: "Joni",
    age: 21,
  },
];
 
console.log(arr[0]); // { name: "Budi", age: 20 }
 
console.log(arr[1]); // { name: "Joni", age: 21 }
 
console.log(arr[0].name); // "Budi"
 
console.log(arr[1].age); // 21

Array Methods

forEach()

Method forEach() digunakan untuk melakukan iterasi pada array. Contoh:

const arr = ["Budi", "Joni", "Jaka"];
 
arr.forEach((item, index) => {
  console.log(item); // "Budi", "Joni", "Jaka"
  console.log(index); // 0, 1, 2
});

map()

Method map() digunakan untuk melakukan iterasi pada array dan mengembalikan array baru. Contoh:

const arr = ["Budi", "Joni", "Jaka"];
 
const arr2 = arr.map((item, index) => {
  return item + " " + index;
});
 
console.log(arr2); // ["Budi 0", "Joni 1", "Jaka 2"]

filter()

Method filter() digunakan untuk melakukan iterasi pada array dan mengembalikan array baru yang elemennya memenuhi kondisi tertentu. Contoh:

const arr = ["Budi", "Joni", "Jaka"];
 
const arr2 = arr.filter((item, index) => {
  return item === "Joni";
});
 
console.log(arr2); // ["Joni"]

find()

Method find() digunakan untuk melakukan iterasi pada array dan mengembalikan elemen pertama yang memenuhi kondisi tertentu. Contoh:

const arr = ["Budi", "Joni", "Jaka"];
 
const arr2 = arr.find((item, index) => {
  return item === "Joni";
});
 
console.log(arr2); // "Joni"

findIndex()

Method findIndex() digunakan untuk melakukan iterasi pada array dan mengembalikan index elemen pertama yang memenuhi kondisi tertentu. Contoh:

const arr = ["Budi", "Joni", "Jaka"];
 
const arr2 = arr.findIndex((item, index) => {
  return item === "Joni";
});
 
console.log(arr2); // 1

every()

Method every() digunakan untuk melakukan iterasi pada array dan mengembalikan true jika semua elemen memenuhi kondisi tertentu. Contoh:

const arr = ["Budi", "Joni", "Jaka"];
 
const arr2 = arr.every((item, index) => {
  return item.length > 3;
});
 
console.log(arr2); // true

some()

Method some() digunakan untuk melakukan iterasi pada array dan mengembalikan true jika salah satu elemen memenuhi kondisi tertentu. Contoh:

const arr = ["Budi", "Joni", "Jaka"];
 
const arr2 = arr.some((item, index) => {
  return item.length > 3;
});
 
console.log(arr2); // true

reduce()

Method reduce() digunakan untuk melakukan iterasi pada array dan mengembalikan nilai akhir. Contoh:

const arr = [1, 2, 3];
 
const arr2 = arr.reduce((total, item) => {
  return total + item;
});
 
console.log(arr2); // 6

reduceRight()

Method reduceRight() digunakan untuk melakukan iterasi pada array dari kanan ke kiri dan mengembalikan nilai akhir. Contoh:

const arr = [1, 2, 3];
 
const arr2 = arr.reduceRight((total, item) => {
  return total + item;
});
 
console.log(arr2); // 6

includes()

Method includes() digunakan untuk mengecek apakah suatu elemen ada di dalam array. Contoh:

const arr = ["Budi", "Joni", "Jaka"];
 
const arr2 = arr.includes("Joni");
 
console.log(arr2); // true

indexOf()

Method indexOf() digunakan untuk mengecek index suatu elemen di dalam array. Contoh:

const arr = ["Budi", "Joni", "Jaka"];
 
const arr2 = arr.indexOf("Joni");
 
console.log(arr2); // 1

lastIndexOf()

Method lastIndexOf() digunakan untuk mengecek index suatu elemen di dalam array dari kanan ke kiri. Contoh:

const arr = ["Budi", "Joni", "Jaka"];
 
const arr2 = arr.lastIndexOf("Joni");
 
console.log(arr2); // 1

toString()

Method toString() digunakan untuk mengubah array menjadi string. Contoh:

const arr = ["Budi", "Joni", "Jaka"];
 
const arr2 = arr.toString();
 
console.log(arr2); // "Budi,Joni,Jaka"

join()

Method join() digunakan untuk mengubah array menjadi string dengan separator tertentu. Contoh:

const arr = ["Budi", "Joni", "Jaka"];
 
const arr2 = arr.join(" ");
 
console.log(arr2); // "Budi Joni Jaka"

Object HTML & JavaScript