JavaScript array terletak pada metode array.
Konversi Array ke String
Dalam JavaScript, valueOf () dan toString () metode.
The valueOf () metode adalah default untuk array. Ia mengembalikan sebuah array sebagai string:
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="demo"></p>
<script>
var buah = ["Mangga","Manggis","Pepaya","Apel","Semangka"];
document.getElementById("demo").innerHTML = buah.valueOf();
</script>
</body>
</html>
Untuk JavaScript array, valueOf () dan toString () adalah sama.
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="demo"></p>
<script>
var buah = ["Mangga","Manggis","Pepaya","Apel","Semangka"];
document.getElementById("demo").innerHTML = buah.toString();
</script>
</body>
</html>
Join () metode ini juga menggabung semua elemen array menjadi string.
sama dengan seperti toString (), tetapi Anda dapat menentukan pemisah:
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="demo"></p>
<script>
var buah = ["Mangga","Manggis","Pepaya","Apel","Semangka"];
document.getElementById("demo").innerHTML = buah.join("-");
</script>
</body>
</html>
Popping dan Pushing
Ketika Anda bekerja dengan array, mudah untuk menghapus elemen dan menambahkan elemen baru.
Ini adalah apa yang muncul dan mendorong adalah:
Bermunculan item dari array, atau mendorong barang ke dalam sebuah array.
Popping
Pop () metode menghapus elemen terakhir dari array:
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="demo"></p>
<script>
var buah = ["Mangga","Manggis","Pepaya","Apel","Semangka"];
buah.pop();
document.getElementById("demo").innerHTML = buah;
</script>
</body>
</html>
Pushing
Push () metode menambahkan elemen baru ke array (di akhir):
Ingat: [0] adalah elemen pertama dalam array. [1] adalah yang kedua. Indeks array dimulai dengan 0.
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="demo"></p>
<script>
var buah = ["Mangga","Manggis","Pepaya","Apel","Semangka"];
buah.push("nangka");
document.getElementById("demo").innerHTML = buah;
</script>
</body>
</html>
Push () metode mengembalikan panjang array baru:
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="demo"></p>
<button onclick=fungsiku()>klik</button>
<script>
var buah = ["Mangga","Manggis","Pepaya","Apel","Semangka"];
document.getElementById("demo").innerHTML = buah;
function fungsiku() {
document.getElementById("demo").innerHTML = buah.push("Nangka");
}
</script>
</body>
</html>
Shifting Elements
Pergeseran setara dengan bermunculan, bekerja pada elemen pertama bukan yang terakhir.
shift () metode menghapus elemen pertama dari array.
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="demo"></p>
<button onclick=fungsiku()>klik</button>
<script>
var buah = ["Mangga","Manggis","Pepaya","Apel","Semangka"];
document.getElementById("demo").innerHTML = buah;
function fungsiku() {
buah.shift();
document.getElementById("demo").innerHTML = buah;
}
</script>
</body>
</html>
unshift () metode menambahkan elemen baru ke array (di awal):
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="demo"></p>
<button onclick=fungsiku()>klik</button>
<script>
var buah = ["Mangga","Manggis","Pepaya","Apel","Semangka"];
document.getElementById("demo").innerHTML = buah;
function fungsiku() {
buah.unshift("Nangka");
document.getElementById("demo").innerHTML = buah;
}
</script>
</body>
</html>
Changing Elements
Elemen array diakses menggunakan nomor indeks:
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="demo"></p>
<button onclick=fungsiku()>klik</button>
<script>
var buah = ["Mangga","Manggis","Pepaya","Apel","Semangka"];
document.getElementById("demo").innerHTML = buah;
function fungsiku() {
buah[0] = "Nangka";
document.getElementById("demo").innerHTML = buah;
}
</script>
</body>
</html>
Properti length menyediakan cara mudah untuk menambahkan elemen baru ke array:
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="demo"></p>
<button onclick=fungsiku()>klik</button>
<script>
var buah = ["Mangga","Manggis","Pepaya","Apel","Semangka"];
document.getElementById("demo").innerHTML = buah;
function fungsiku() {
buah[buah.length] = "Nangka";
document.getElementById("demo").innerHTML = buah;
}
</script>
</body>
</html>
Deleting Elemen
JavaScript array objek, elemen dapat dihapus dengan menggunakan operator JavaScript delete:
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="demo"></p>
<button onclick=fungsiku()>klik</button>
<script>
var buah = ["Mangga","Manggis","Pepaya","Apel","Semangka"];
document.getElementById("demo").innerHTML = buah;
function fungsiku() {
delete buah[0];
document.getElementById("demo").innerHTML = buah[0];
}
</script>
</body>
</html>
Splicing Array
splicing () metode dapat digunakan untuk menambahkan item baru ke array:
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="demo"></p>
<button onclick=fungsiku()>klik</button>
<script>
var buah = ["Mangga","Manggis","Pepaya","Apel","Semangka"];
document.getElementById("demo").innerHTML = buah;
function fungsiku() {
buah.splice(2, 0, "Lemon", "Nangka");
document.getElementById("demo").innerHTML = buah;
}
</script>
</body>
</html>
Parameter pertama (2) mendefinisikan posisi di mana unsur-unsur baru harus ditambahkan (disambung di).
Parameter kedua (0) mendefinisikan berapa banyak elemen harus dihapus.
Sisa parameter ("Lemon", "nangka") mendefinisikan unsur-unsur baru yang akan ditambahkan.
Menggunakan splice () untuk Hapus Elements
Anda dapat menggunakan splice () untuk menghapus elemen tanpa meninggalkan "lubang" dalam array:
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="demo"></p>
<button onclick=fungsiku()>klik</button>
<script>
var buah = ["Mangga","Manggis","Pepaya","Apel","Semangka"];
document.getElementById("demo").innerHTML = buah;
function fungsiku() {
buah.splice(0,1);
document.getElementById("demo").innerHTML = buah;
}
</script>
</body>
</html>
Parameter pertama (0) mendefinisikan posisi di mana unsur-unsur baru harus ditambahkan (disambung di).
Parameter kedua (1) mendefinisikan berapa banyak elemen harus dihapus.
Sisa dari parameter dihilangkan. Tidak ada unsur-unsur baru akan ditambahkan.
Sorting Array
sort () metode macam array abjad:
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="demo"></p>
<button onclick=fungsiku()>klik</button>
<script>
var buah = ["Mangga","Manggis","Pepaya","Apel","Semangka"];
document.getElementById("demo").innerHTML = buah;
function fungsiku() {
buah.sort();
document.getElementById("demo").innerHTML = buah;
}
</script>
</body>
</html>
Reversing Array
Reverse () metode membalikkan elemen dalam array.
Anda dapat menggunakannya untuk mengurutkan array agar turun:
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="demo"></p>
<button onclick=fungsiku()>klik</button>
<script>
var buah = ["Mangga","Manggis","Pepaya","Apel","Semangka"];
document.getElementById("demo").innerHTML = buah;
function fungsiku() {
buah.sort();
buah.reverse();
document.getElementById("demo").innerHTML = buah;
}
</script>
</body>
</html>
Numerik Urut
Secara default, sort () fungsi macam nilai-nilai sebagai string.
Ini bekerja dengan baik untuk string ("Apel" datang sebelum "Pepaya").
Namun, jika nomor diurutkan sebagai string, "25" lebih besar dari "100", karena "2" lebih besar dari "1".
Karena itu, metode sort () akan menghasilkan hasil yang salah ketika menyortir angka.
Anda dapat memperbaiki hal ini dengan menyediakan fungsi bandingkan:
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="demo"></p>
<button onclick=fungsiku()>klik</button>
<script>
var points = [5, 1, 25, 100, 50];
document.getElementById("demo").innerHTML = points;
function fungsiku() {
points.sort(function(a, b){return a-b});
document.getElementById("demo").innerHTML = points;
}
</script>
</body>
</html>
Menggunakan trik yang sama untuk mengurutkan sebuah array yang menurun:
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="demo"></p>
<button onclick=fungsiku()>klik</button>
<script>
var points = [5, 1, 25, 100, 50];
document.getElementById("demo").innerHTML = points;
function fungsiku() {
points.sort(function(a, b){return b-a});
document.getElementById("demo").innerHTML = points;
}
</script>
</body>
</html>
Fungsi Bandingkan
Tujuan dari fungsi membandingkan adalah untuk mendefinisikan urutan alternatif.
Fungsi bandingkan harus kembali negatif, nol, atau nilai positif, tergantung pada argumen:
function(a, b){return b-a}
Ketika sort () fungsi membandingkan dua nilai, ia akan mengirimkan nilai-nilai ke fungsi membandingkan, dan mengurutkan nilai sesuai dengan kembali (negatif, nol, positif) nilai.
Contoh:
Ketika membandingkan 40 dan 100, sort () metode panggilan fungsi membandingkan (40.100).
Fungsi menghitung 40-100, dan mengembalikan -60 (nilai negatif).
Jenis fungsi akan mengurutkan 40 sebagai nilai yang lebih rendah dari 100.
Cari Tertinggi (atau terendah) Nilai
Bagaimana menemukan nilai tertinggi dalam array?
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="demo"></p>
<script>
var points = [5, 1, 25, 100, 50];
points.sort(function(a, b){return b-a});
document.getElementById("demo").innerHTML = points[0];
</script>
</body>
</html>
Dan terendah:
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="demo"></p>
<script>
var points = [5, 1, 25, 100, 50];
points.sort(function(a, b){return a-b});
document.getElementById("demo").innerHTML = points[0];
</script>
</body>
</html>
Menggabung Array
concat () metode menciptakan array baru dengan menggabungkan dua array:
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="demo"></p>
<script>
var nama1 = ["dicky", "Andre", "Indrawan"];
var nama2 = ["Saiful", "Anam"];
var gabung = nama1.concat(nama2);
document.getElementById("demo").innerHTML = gabung;
</script>
</body>
</html>
Slicing Array
Slice () mepotong array ke array baru:
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="demo"></p>
<script>
var nama = ["dicky", "Andre", "Indrawan"];
var potong = nama.slice(1,2);
document.getElementById("demo").innerHTML = nama + "<br>" + potong;
</script>
</body>
</html>
Slice () metode memilih elemen mulai dari argumen awal, dan ahir, tetapi tidak termasuk, argumen akhir.
Jika argumen akhir dihilangkan, slice () metode irisan sisa array:
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="demo"></p>
<script>
var nama = ["dicky", "Andre", "Indrawan"];
var potong = nama.slice(1);
document.getElementById("demo").innerHTML = nama + "<br>" + potong;
</script>
</body>
</html>
0 komentar:
Posting Komentar