Semua yang Perlu Anda Ketahui Tentang Metode Array JavaScript



Blog ini akan memberikan pengetahuan mendalam tentang cara kerja array di javascript dan apa saja metode array yang digunakan dalam JavaScript.

atau pemrograman web melahirkan aplikasi web dinamis. Dengan munculnya web, JavaScript telah menjadi salah satu dari bahasa yang paling penting di dunia saat ini.Ini Array JavaScript artikelakan membawa Anda ke kedalaman metode array di JavaScript dalam urutan berikut:

Pengantar JavaScript

adalah bahasa pemrograman tingkat tinggi, ditafsirkan yang digunakan untuk membuat halaman web lebih interaktif. Ini adalah bahasa skrip sisi klien yang sangat kuat yang membuat laman web Anda lebih hidup dan interaktif.





JavaScript - javascript array- Edureka

Ini adalah bahasa pemrograman yang membantu Anda menerapkan desain yang kompleks dan indah di halaman web. Jika Anda ingin halaman web Anda terlihat hidup dan melakukan lebih dari sekadar menatap Anda, JavaScript adalah suatu keharusan.



Dasar-dasar JavaScript

Jika Anda baru mengenal bahasa ini, Anda perlu mengetahui beberapa dasar-dasar JavaScript yang akan membantu Anda mulai menulis kode Anda. Dasar-dasarnya meliputi:

  • Array

Anda dapat melihat untuk mendalami konsep dasar dan dasar-dasar JavaScript ini. Dalam artikel Array JavaScript ini, kami akan fokus pada metode array berbeda yang digunakan untuk menentukan daftar item.

Array JavaScript

Array adalah a struktur data yang berisi daftar elemen yang menyimpan banyak nilai dalam satu variabel.



Untuk mendeklarasikan larik dalam JavaScript gunakan ' membiarkan 'Kata kunci dengan tanda kurung siku dan mengapit semua elemen di dalamnya. Sintaksnya adalah sebagai berikut:

let ListItems = [] ListItems = ['sepatu', 'jam tangan', 'tas']

Anda juga dapat mendeklarasikannya sebagai:

let ListItems = ['sepatu', 'jam tangan', 'tas']

Perbedaan antara Array dan Objects

Variabel JavaScript bisa menjadi objek. Array dianggap jenis objek khusus. Karenanya, Anda dapat memiliki variabel dengan tipe berbeda dalam Array yang sama.

myArray [0] = Date.now myArray [1] = myFunction myArray [2] = myItems

Dalam JavaScript, array menggunakan indeks bernomor . Sedangkan, benda digunakan sebagai bernama indeks .

Metode Array JavaScript

Tujuan menggunakan file Himpunan adalah untuk menyimpan banyak nilai di sebuah entitas tunggal dari variabel yang dideklarasikan. Array digunakan ketika kita ingin mengakses elemen secara teratur menggunakan variabel tunggal. Seseorang dapat menyimpan string, boolean, dan angka dalam satu larik.

Ada yang berbeda Metode susunan JavaScript untuk melakukan berbagai tugas seperti:

  • Dorong() - Mudah untuk menghapus elemen dan menambahkan elemen baru saat bekerja dengan array. Metode push () menambahkan untuk elemen baru ke akhir dari sebuah larik. Nilai yang dikembalikan adalah panjang larik baru.

Contoh:

let listItems = ['bag', 'shoes', 'dress'] console.log (listItems.push ('watch'))

Keluaran:

4

Push () tidak mengembalikan nilai yang telah ditambahkan ke array. Ini hanya mengembalikan panjang baru dari array.

Contoh:

let listItems = ['tas', 'sepatu', 'dress'] console.log (listItems.pop ())

Keluaran:

gaun

Pop () mengembalikan nilai yang telah dihapus dan bukan panjang array seperti Push ().

  • bergeser() - Menggeser mirip dengan popping, mengerjakan elemen pertama, bukan yang terakhir. Metode shift () digunakan untuk menghapus itu elemen array pertama dan menggeser semua elemen lainnya ke indeks yang lebih rendah. Ini akan mengembalikan Anda string yang telah digeser keluar.

Contoh:

let listItems = ['tas', 'sepatu', 'dress'] console.log (listItems.shift ())

Keluaran:

tas

Shift () bekerja sama seperti pop () tetapi mengembalikan elemen pertama dari array, bukan yang terakhir.

  • unshift () - Itu metode menambahkan elemen baru di awal dari sebuah larik dan melepaskan elemen lama. Ini mirip dengan Push () dan mengembalikan panjang array baru.

Contoh:

let listItems = ['bag', 'shoes', 'dress', 'watch'] console.log (listItems.unshift ('phone'))

Keluaran:

5

Unshift () akan menambahkan elemen baru ke dalam larik dan mengembalikan panjang larik baru.

  • concat () - Metode concat () membuat array baru dengan penggabungan atau menggabungkan array yang ada. Saya ttidak mengubah array yang sudah ada dan selalu mengembalikan array baru.

Contoh:

let arr1 = ['red', 'blue', 'green'] let arr2 = ['colors', 'spraypaint', 'brush'] biarkan newArr = arr1.concat (arr2) console.log (newArr)

Keluaran:

  • toString () - Metode toString () digunakan untuk mengubah sebuah array ke a tali nilai larik, dipisahkan dengan koma.

Contoh:

biarkan warna = ['merah', 'biru', 'hijau'] console.log (colors.toString ())

Keluaran:

merah, biru, hijau
  • Ikuti() - Metode join () bekerja sama seperti toString (). Itu sudah biasa Ikuti semua elemen array menjadi tali , tetapi sebagai tambahan, Anda dapat menentukan pemisah .

Contoh:

biarkan warna = ['merah', 'biru', 'hijau'] console.log (colors.join ('+'))

Keluaran:

apa parameter di tablo
merah + biru + hijau
  • balik() - Metode reverse () digunakan untuk balik itu memesan elemen dalam sebuah array. Ini akan mengubah array asli dan menukar urutan elemen.

Contoh:

biarkan buah-buahan = ['mango', 'apple', 'grapes'] console.log (fruits.reverse ())

Keluaran:

  • menyortir() - Metode sort () digunakan untuk menyortir sebuah larik menurut abjad . Fungsi ini mengurutkan nilai sebagai string secara default.

Contoh:

biarkan buah-buahan = ['mango', 'apple', 'grapes'] console.log (fruits.sort ())

Keluaran:

  • mengiris() - Metode slice () digunakan untuk mengiris keluar sepotong array menjadi array baru. Ini membuat array baru tanpa menghapus elemen apa pun dari array sumber. Ini akan mengembalikan nilai yang telah dipotong dari larik.

Contoh:

let colors = ['red', 'blue', 'green', 'yellow', 'orange'] console.log (colors.slice (1,3))

Keluaran:

Ini adalah beberapa metode array JavaScript yang paling umum digunakan. Dengan ini, kita sampai pada akhir artikel kita. Saya harap Anda mengerti bagaimana metode array digunakan dalam JavaScript.

Sekarang setelah Anda mengetahui tentang Metode Array JavaScript, lihat oleh Edureka. Pelatihan Sertifikasi Pengembangan Web akan membantu Anda mempelajari cara membuat situs web yang mengesankan menggunakan HTML5, CSS3, Twitter Bootstrap 3, jQuery, dan Google API, serta menerapkannya ke Amazon Simple Storage Service (S3).

Ada pertanyaan untuk kami? Harap sebutkan di bagian komentar 'Array JavaScript' dan kami akan menghubungi Anda kembali.