JavaScript

JavaScript. Kali ini penulis akan membahas dan menjelaskan bagaimana cara-cara atau langkah-langkah terbaru dan terlengkap yang dapat Anda ikuti dan lakukan untuk mendapatkan data index terakhir di Array JavaScript.

Baca Juga:

Untuk Anda yang mungkin bertanya Bagaimana Cara Mendapatkan Data Index Terakhir Di Array JavaScript? Maka di bawah ini merupakan Cara Mendapatkan Data Index Terakhir Di Array JavaScript yang dapat Anda ikuti dan lakukan.

Cara Mendapatkan Data Index Terakhir Di Array JavaScript

Sebelum masuk ke dalam inti dari pembahasan, perlu diperhatikan bahwa tutorial atau pembahasan ini penulis bagi menjadi beberapa bagian, yaitu:

  1. Menggunakan Nilai Statis
  2. Menggunakan Panjang Array
  3. Menggunakan slice()
  4. Menggunakan pop()
  5. Menggunakan reduceRight()
  6. Menggunakan reverse()
  7. Menggunakan splice()

Di atas merupakan beberapa bagian dari pembahasan ini. Sebelum masuk ke bagian-bagian tersebut, berikut adalah contoh Array yang akan digunakan.

let myArray = [4, 2, 3, 7, 4, 10, 2, 7, 4, 7, 3, 20];

Untuk bagian yang pertama dari pembahasan, yaitu Menggunakan Nilai Statis, Anda dapat melihatnya pada pembahasan di bawah.

Menggunakan Nilai Statis

Untuk mendapatkan data index terakhir dari sebuah Array, maka Anda dapat menggunakan nilai statis sebagai index untuk mendapatkan index terakhir dari sebuah Array.

Misalnya dari contoh Array di atas (“myArray”), diketahui bahwa index terakhir dari “myArray” berada pada index ke-11.

Jadi, untuk mendapatkan data index terakhir dari “myArray”, maka dapat gunakan code berikut:

let lastIndex = myArray[11]

Jika di “Console Log”, maka Anda akan mendapatkan data index terakhir dari “myArray”, yaitu: 20

Salah satu kekurangan dari cara ini ialah ketika panjang array berubah, maka bisa saja:

  • lastIndex menjadi ‘undefined’, jika panjang array kurang dari 11.
  • lastIndex tetap 20, hanya saja index terakhir dari myArray bukan 20, jika panjang array lebih dari 11.

Source Code: Berikut adalah final code untuk Anda yang menggunakan nilai statis

// declare myArray
let myArray = [4, 2, 3, 7, 4, 10, 2, 7, 4, 7, 3, 20];

// get lastIndex with static number/index
let lastIndex = myArray[11];

// show myArray
console.log(myArray);
// result: [4, 2, 3, 7, 4, 10, 2, 7, 4, 7, 3, 20]

// show lastIndex
console.log(lastIndex);
// result: 20

Di atas merupakan cara untuk mendapatkan data index terakhir dari sebuah Array.

Untuk bagian yang kedua, yaitu Menggunakan Panjang Array, Anda dapat memperhatikan pembahasan di bawah.

Menggunakan Panjang Array

Berbeda dengan cara yang pertama, kalau cara yang kedua ini lebih dinamis, karena index terakhir dari Array yang kita gunakan: “myArray”, mengikuti panjang Array.

Untuk lebih jelasnya, Anda dapat memperhatikan “Code” berikut:

let lastIndex = myArray[ myArray.length - 1 ];

Jadi, jika sebelumnya kita menggunakan nilai statis: 11, maka sekarang kita menggunakan nilai dinamis, “myArray.length”, yang mengikuti panjang Array.

Mungkin Anda bertanya, Kenapa harus “myArray.length – 1”? Karena:

myArray.length atau panjang array adalah 12

Sedangkan yang kita ketahui, semua Array dimulai dari index: 0;

Jadi untuk mendapatkan nilai terakhir, maka kita harus kurangi 1, sehingga index-nya itu menjadi: 11.

Jika Anda “Console Log”, maka Anda akan mendapatkan hasil atau nilai: 20.

Jika seandainya panjang Array dari “myArray” berubah, maka nilai dari “lastIndex” juga akan berubah dan akan tetap menggunakan nilai index terakhir dari “myArray” yang baru.

Source Code: Berikut adalah final code untuk Anda yang menggunakan panjang array

// declare myArray
let myArray = [4, 2, 3, 7, 4, 10, 2, 7, 4, 7, 3, 20];

// get lastIndex with myArray.length
let lastIndex = myArray[myArray.length - 1];

// show myArray
console.log(myArray);
// result: [4, 2, 3, 7, 4, 10, 2, 7, 4, 7, 3, 20]

// show lastIndex
console.log(lastIndex);
// result: 20

Di atas merupakan bagian kedua dari pembahasan. Untuk bagian yang ketiga, yaitu Menggunakan Slice(), Anda dapat memperhatikan pembahasan di bawah.

Menggunakan slice()

Selain kedua cara di atas, untuk mendapatkan data index terakhir dari sebuah Array, Anda juga dapat menggunakan Slice().

Anda dapat memperhatikan “code” di bawah, yaitu bagaimana cara untuk mendapatkan data index terakhir dari sebuah Array.

let lastIndex = myArray.slice(myArray.length - 1);

Jadi, ibaratnya itu kita memiliki sebuah Array tapi dipotong (“slice”) dan  yang diambil hanya index terakhir dari Array yang kita miliki.

Hanya bedanya ialah jika kita menggunakan slice(), maka hasilnya juga masih dalam bentuk Array, sehingga ketika Anda “Console Log” data yang di atas, maka Anda akan mendapatkan hasil: [20].

Untuk mendapatkan nilainya, maka Anda hanya perlu menggunakan: lastIndex[0].

Jadi, kita ambil index: 0, dari lastIndex, maka ketika kita “Console Log”, kita akan mendapatkan hasil: 20.

Selain menggunakan “myArray.lengh – 1”, cara cepatnya Anda bisa menggunakan “-1”. Perhatikan kode berikut:

let lastIndex = myArray.slice(-1);

Hasilnya sama dengan yang diatas, jika Anda “Console Log”, maka Anda tetap akan mendapatkan Array: [20].

Jadi, untuk mendapatkan nilainya, Anda hanya perlu menggunakan: lastIndex[0], seperti yang di atas.

Source Code: Berikut adalah final code untuk Anda yang menggunakan slice()

// declare myArray
let myArray = [4, 2, 3, 7, 4, 10, 2, 7, 4, 7, 3, 20];

// get lastIndex with myArray.length
let lastIndex = myArray.slice(-1)[0];
// or: let lastIndex = myArray.slice(myArray.length - 1)[0];

// show myArray
console.log(myArray);
// result: [4, 2, 3, 7, 4, 10, 2, 7, 4, 7, 3, 20]

// show lastIndex
console.log(lastIndex);
// result: 20

Di atas merupakan bagian ketiga dari pembahasan. Untuk bagian yang keempat, yaitu Menggunakan pop(), Anda melihatnya pada pembahasan di bawah.

Menggunakan pop()

Untuk mendapatkan data index terakhir dari sebuah Array, Anda juga dapat menggunakan pop().

Anda dapat memperhatikan “Code” berikut, jika Anda ingin mencobanya menggunakan pop().

let lastIndex = myArray.pop();

Jika Anda “Console Log”, maka Anda akan mendapatkan hasil: 20.

Tapi, perlu diperhatikan bahwa jika di Array ada namanya: push() untuk memasukkan data ke index terakhir dari sebuah Array, maka: pop() ini digunakan untuk mengeluarkan data index terakhir dari Array yang Anda miliki.

Jadi, Anda mungkin saja mendapatkan data index terakhir dari Array yang Anda miliki dengan menggunakan: pop(), hanya saja isi array (“20”) dari “myArray” tersebut dikeluarkan dari “myArray”.

Sehingga, ketika Anda “Console Log”, maka hasil dari “myArray” Anda seperti berikut:

console.log(myArray);
// result: [ 4, 2, 3, 7, 4, 10, 2, 7, 4, 7, 3 ]

Jadi, data index terakhir dari “myArray” yang 20 itu telah dikeluarkan dari “myArray”.

Solusi untuk Anda yang menggunakan cara ini, tidak lain ialah Anda harus push() kembali ke dalam myArray. Perhatikan “code” berikut:

let lastIndex = myArray.pop();
myArray.push(lastIndex);

Jadi, setelah Anda mendapatkan data index terakhir dari “myArray”, maka index terakhir tersebut akan dihapus dan ditampung ke dalam lastIndex.

Setelah itu Anda tinggal push() lastIndex tersebut ke myArray.

Sehingga Anda sekarang telah memiliki “lastIndex” dari myArray tanpa harus mengurangi isi dari “myArray”.

Source Code: Berikut adalah final code untuk Anda yang menggunakan pop() dengan menggunakan push()

// declare myArray
let myArray = [4, 2, 3, 7, 4, 10, 2, 7, 4, 7, 3, 20];

// get lastIndex with myArray.length
let lastIndex = myArray.pop();

// show myArray: before push()
console.log(myArray);
// result: [4, 2, 3, 7, 4, 10, 2, 7, 4, 7, 3]

// add lastIndex to myArray
myArray.push(lastIndex);

// show myArray: after push
console.log(myArray);
// result: [4, 2, 3, 7, 4, 10, 2, 7, 4, 7, 3, 20]

// show lastIndex
console.log(lastIndex);
// result: 20

Atau solusi lain tanpa harus menggunakan push() ketika “myArray” Anda telah di pop adalah dengan menggunakan metode: from dari Array.

Source Code: Berikut adalah final code untuk Anda yang menggunakan pop() dengan menggunakan Array.from

// declare myArray
let myArray = [4, 2, 3, 7, 4, 10, 2, 7, 4, 7, 3, 20];

// get lastIndex from myArray with splice
let lastIndex = Array.from(myArray).pop();

// show myArray
console.log(myArray);
// result: [4, 2, 3, 7, 4, 10, 2, 7, 4, 7, 3, 20];

console.log(lastIndex);
// result: 20

Jadi Anda hanya perlu memanfaatkan Array.from(), sehingga ketika Anda melakukan pop(), data di “myArray” Anda tidak berubah, jadi Anda tidak perlu untuk melakukan push() lastIndex ke dalam “myArray”.

Di atas merupakan bagian keempat dari pembahasan. Untuk bagian kelima, yaitu Menggunakan reduceRight(), Anda dapat memperhatikan pembahasan di bawah.

Menggunakan reduceRight()

Anda juga dapat menggunakan reduceRight() untuk mendapatkan data index terakhir dari sebuah Array.

Untuk “code” menggunakan reduceRight(), Anda dapat memperhatikan “code” berikut:

let lastIndex = myArray.reduceRight(value => value);

Jika Anda “Console Log”, maka Anda akan mendapatkan hasil: 20.

Jadi, reduceRight() ini digunakan untuk mengurangi isi Array sampai kepada index terakhir dan mendapatkan hasil dari index terakhir sebuah array.

Ya, mungkin itu bahasa sederhananya.

Source Code: Berikut adalah final code untuk Anda yang menggunakan reduceRitght()

// declare myArray
let myArray = [4, 2, 3, 7, 4, 10, 2, 7, 4, 7, 3, 20];

// get lastIndex from myArray with reduceRight()
let lastIndex = myArray.reduceRight(value => value);

// show myArray
console.log(myArray);
// result: [4, 2, 3, 7, 4, 10, 2, 7, 4, 7, 3, 20];

console.log(lastIndex);
// result: 20

Di atas merupakan bagian kelima dari pembahasan. Untuk bagian keenam, yaitu Menggunakan reverse(), Anda dapat memperhatikan pembahasan berikut.

Menggunakan reverse()

Untuk mendapatkan data index terakhir dari sebuah array, Anda juga dapat menggunakan reverse().

Untuh “code” sederhananya, Anda dapat memperhatikan “code” berikut:

let lastIndex = myArray.reverse();

Jika Anda “Console Log” code di atas, maka Anda akan mendapatkan kebalikan dari array “myArray”.

Jika “myArray” adalah:

let myArray = [4, 2, 3, 7, 4, 10, 2, 7, 4, 7, 3, 20];

maka hasil dari reverse() atau lastIndex jika Anda “Console Log” adalah:

console.log(lastIndex[0]);
// result: [ 20, 3, 7, 4, 7, 2, 10, 4, 7, 3, 2, 4 ]

Jika Anda ingin mendapatkan index terakhir dari “myArray”, maka Anda hanya perlu untuk menambahkan index: 0, pada lastIndex.

Jadi, untuk mendapatkan index terakhir dari “myArray”, Anda cukup melakukan: lastIndex[0], setelah Anda melakukan reverse().

Salah satu kekurangan dari cara ini ialah perubahan yang terjadi pada “myArray”, yang mana datanya telah berubah, yang sebelumnya index terakhir, berubah menjadi index pertama dari sebuah array, begitu pula sebaliknya.

Jadi, solusi jika Anda menggunakan cara ini ialah Anda dapat memperhatikan “code” berikut:

let lastIndex = myArray.reverse()[0];
myArray.reverse();

Dari “code” di atas, bisa dilihat bahwa setelah di-reverse() atau bahasa sederhananya itu dibalik dan setelah Anda mendapatkan lastIndex dari myArray, Anda perlu untuk membalikkanya (“myArray”) kembali ke bentuk semula.

Source Code: Berikut adalah final code untuk Anda yang menggunakan reverse() dan di-reverse() kembali

// declare myArray
let myArray = [4, 2, 3, 7, 4, 10, 2, 7, 4, 7, 3, 20];

// get lastIndex from myArray with reduceRight()
let lastIndex = myArray.reverse()[0]

// show myArray: before reverse()
console.log(myArray);
// result: [ 20, 3, 7, 4, 7, 2, 10, 4, 7, 3, 2, 4 ]

// reverse myArray
myArray.reverse();

// show myArray: after reverse()
console.log(myArray);
// result: [4, 2, 3, 7, 4, 10, 2, 7, 4, 7, 3, 20];

console.log(lastIndex);
// result: 20

Solusi lain tanpa harus menggunakan reverse() setelah di-reverse(), ialah dengan menggunakan Array.from, seperti di atas.

Source Code: Berikut adalah final code untuk Anda yang menggunakan reverse() dan Array.from

// declare myArray
let myArray = [4, 2, 3, 7, 4, 10, 2, 7, 4, 7, 3, 20];

// get lastIndex from myArray with reduceRight()
let lastIndex = Array.from(myArray).reverse()[0];

// show myArray
console.log(myArray);
// result: [4, 2, 3, 7, 4, 10, 2, 7, 4, 7, 3, 20];

console.log(lastIndex);
// result: 20

Di atas merupakan bagian keenam dari pembahasan. Untuk bagian yang ketujuh, yaitu Menggunakan splice(), Anda dapat memperhatikan pembahasan berikut.

Menggunakan splice()

Sama seperti menggunakan slice(), Anda juga dapat menerapkannya di splice().

untuk contoh “code” yang dapat Anda ikuti, Anda dapat melihatnya di bawah ini:

let lastIndex = myArray.splice(myArray.length - 1);

atau Anda juga dapat menggunakan “code” berikut:

let lastIndex = myArray.splice(-1);

Sama seperti pada cara: Menggunakan slice() di atas, untuk mendapatkan nilainya, Anda hanya perlu menambahkan index: 0.

Jadi, untuk mendapatkan hasilnya, Anda bisa menggunakan: lastIndex[0].

Sedikit berbeda dengan slice(), untuk Anda yang menggunakan splice(), index terakhir dari “myArray” akan dihapus atau dipotong.

Jadi “myArray” Anda akan terlihat seperti berikut:

// before
let myArray = [4, 2, 3, 7, 4, 10, 2, 7, 4, 7, 3, 20];
// after splice()
console.log(myArray);
// result: [4, 2, 3, 7, 4, 10, 2, 7, 4, 7, 3];

Jadi, solusinya ialah setelah Anda splice() dan mendapatkan lastIndex dari “myArray”, yang perlu Anda lakukan ialah Anda harus push() lastIndex ke dalam “myArray”.

Source Code: Berikut adalah final code untuk Anda yang menggunakan splice() dan push()

// declare myArray
let myArray = [4, 2, 3, 7, 4, 10, 2, 7, 4, 7, 3, 20];
// get lastIndex from myArray with splice
let lastIndex = myArray.splice(-1)[0];
// or: let lastIndex = myArray.splice(myArray.length - 1)[0];

// show myArray: before push()
console.log(myArray);

// add latIndex to myArray with push()
myArray.push(lastIndex);

// show myArray: after push()
console.log(myArray);
// result: [4, 2, 3, 7, 4, 10, 2, 7, 4, 7, 3, 20]

// show lastIndex
console.log(lastIndex); // result: 20

Jadi setelah di splice(), Anda wajib push() lastIndex ke dalam “myArray” agar data di “myArray” Anda tetap dan tidak ada yang dihapus (“Sebenarnya dihapus, tapi ditambahkan kembali”).

Solusi lain ialah sama seperti di atas, agar lastIndex tidak di push() kembali ke dalam “myArray”, maka Anda perlu menggunakan Array.from.

Source Code: Berikut adalah final code untuk Anda yang menggunakan splice() dan Array.from

// declare myArray
let myArray = [4, 2, 3, 7, 4, 10, 2, 7, 4, 7, 3, 20];
// get lastIndex from myArray with splice
let lastIndex = Array.from(myArray).splice(-1)[0];
// or: let lastIndex = myArray.splice(myArray.length - 1)[0];

// show myArray
console.log(myArray);
// result: [4, 2, 3, 7, 4, 10, 2, 7, 4, 7, 3, 20];

// show lastIndex
console.log(lastIndex); // result: 20

Di atas merupakan bagian ketujuh dari pembahasan dan juga sekaligus merupakan bagian terakhir dari pembahasan ini.

Pembahasan Tambahan: Code Reuse

Sebelum menutup pembahasan ini, berikut adalah pembahasan tambahan yang mungkin dapat bermanfaat bagi Anda.

Untuk Anda yang ingin menggunakan kembali “code” di atas dalam struktur “kodingan” Anda, maka Anda dapat mengikuti beberapa alternatif di bawah, yaitu:

  1. Menggunakan Array Prototype
  2. Menggunakan Function

Anda dapat menggunakan salah satu dari kedua bagian di atas, agar dapat menggunakan kembali “code” untuk mendapatkan index terakhir dari array yang Anda miliki.

Untuk bagian pertama pembahasan tambahan, yaitu: Menggunakan Array Prototype, Anda dapat melihatnya di bawah:

Pembahasan Tambahan 1: Menggunakan Array Prototype

Untuk Anda yang ingin menggunakan “Array Prototype”, maka berikut adalah contoh “code” yang dapat Anda pelajari:

// declare myArray
let myArray = [4, 2, 3, 7, 4, 10, 2, 7, 4, 7, 3, 20];

// set lastIndex to Array prototype
Array.prototype.lastIndex = function() {
return this[this.length - 1];
// equals to: return myArray[ myArray.length - 1 ]
}

// show lastIndex with prototype
console.log(myArray.lastIndex());
// result: 20

Di atas merupakan contoh dalam menggunakan “Array Prototype”.

Untuk bagian kedua dari pembahasan tambahan ini, yaitu Menggunakan Function, Anda dapat memperhatikan pembahasan berikut.

Pembahasan Tambahan 2: Menggunakan Function

Untuk Anda yang ingin membuat function untuk dapat menggunakan kembali “code” untuk mendapatkan data index terakhir dari Array, maka berikut adalah contoh function yang dapat Anda pelajari.

// declare myArray
let myArray = [4, 2, 3, 7, 4, 10, 2, 7, 4, 7, 3, 20];

// create function lastIndex
function lastIndex(myArray) {
return myArray[myArray.length - 1];
}

// show lastIndex with prototype
console.log(lastIndex(myArray));
// result: 20

Di atas merupakan contoh function yang dapat Anda gunakan untuk mendapatkan data index terakhir dari sebuah Array dan juga sekaligus merupakan akhir dari pembahasan ini.

Semoga dapat bermanfaat.