Tambahkan array bersarang ke array javascript

Question

Nested Array dalam JavaScript didefinisikan sebagai Array (Larik luar) di dalam larik lain (array dalam). Sebuah Array dapat memiliki satu atau lebih Array dalam. Array bersarang ini (array dalam) berada di bawah lingkup larik luar berarti kita dapat mengakses elemen larik dalam ini berdasarkan nama objek larik luar. JavaScript, sama dengan sebelum (=) variabel dikatakan larik aktual atau larik luar dan sama dengan sesudah dalam kurung kumis ({ }) atau kurung indeks ([]) larik dikatakan larik dalam. Variabel larik luar dapat mengakses elemen larik dalam. Namun, larik dalam tidak dapat mengakses larik luar. Kurangi mendeklarasikan banyak array

Table of Contents Show

Bagaimana cara kerja Nested Array di JavaScript?
Contoh Array Bersarang JavaScript
Artikel yang Direkomendasikan
Bagaimana cara menambahkan array dalam JavaScript array bersarang?
Bagaimana Anda menambahkan array ke array bersarang?
Bagaimana cara menambahkan sesuatu ke JavaScript array bersarang?
Bisakah Anda meletakkan array di dalam array JavaScript?

Paket Pengembangan Perangkat Lunak Semua dalam Satu(600+ Kursus, 50+ proyek)

Harga
Lihat Kursus

600+ Kursus Daring. 50+ proyek. 3000+ Jam. Sertifikat yang Dapat Diverifikasi. Akses Seumur Hidup
4. 6 (85.385 peringkat)

Bagaimana cara kerja Nested Array di JavaScript?

Nested Array juga dikatakan sebagai array multi dimensi
Satu larik lagi telah menetapkan nilai larik lainnya
Array bersarang bekerja berdasarkan nilai set array dalam ini dengan mengakses dengan nama array luar

Sintaks array indeks

Mulai Kursus Pengembangan Perangkat Lunak Gratis Anda

Pengembangan web, bahasa pemrograman, pengujian Perangkat Lunak & lainnya

var nestedArray=[[values,[nest value…],…],[values, [nest value…],….],[values, [nest value…],….]]

Penjelasan

var. var dikatakan sebagai deklarasi tipe JavaScript. Itu menerima semua jenis
array bersarang. Ini adalah array luar. Ini berisi semua nilai array dalam di dalamnya
[]. Ini adalah simbol deklarasi array
[nilai, [nilai sarang…]]. Array di dalam array lain sehingga merupakan array bersarang

Sintaks array JSON

var JSONNestedArray=[
{ "key":[ "value1", "value2", "value3",.. ] }, //single key has multiple values means nested array
{ "key":[ "value1", "value2", "value3",.. ] },
.
.
.
]

_

Contoh Array Bersarang JavaScript

Diberikan di bawah ini adalah contoh

Contoh 1

Array Bersarang tanpa for loop

Kode

<!DOCTYPE html>
<html>
<head>
<title>Nested Array</title>
<!--CSS Styles-->
<style>
h1
{
color:blue;
text-align: center;
}
</style>
</head>
<body>
<script>
function getNestedOutput() { //line1
var courseNestedArray = [ //line2
["EDUCBA","Online IT Platform",["Hi","Happy"]], //0,0 and 0,1 values
["Courses", "Java"], //1,0 and 1,1 values
["Fee", "5000"], //2,0 and 2,1 values
["Hot Course", "Java"] //3,0 and 3,1 values
];
document.write("<h1>Nested Array with Index Accessing Values</h1>");
//line3
document.write("0, 0 index array value=>"+courseNestedArray[0][0]+"<br>");
document.write("0, 1 index array value=>"+courseNestedArray[0][1]+"<br>");
document.write("1, 0 index array value=>"+courseNestedArray[1][0]+"<br>");
document.write("1, 1 index array value=>"+courseNestedArray[1][1]+"<br>");
document.write("2, 0 index array value=>"+courseNestedArray[2][0]+"<br>");
document.write("2, 1 index array value=>"+courseNestedArray[2][1]+"<br>");
document.write("3, 0 index array value=>"+courseNestedArray[3][0]+"<br>");
document.write("3, 1 index array value=>"+courseNestedArray[3][1]+"<br>");
document.write("0, 2, 0 index array value=>"+courseNestedArray[0][2][0]+"<br>");
document.write("0, 2, 1 index array value=>"+courseNestedArray[0][2][1]);
}
getNestedOutput(); //line4
</script>
</body>
</html>

Keluaran

Penjelasan

Baris1 disebut fungsi untuk logika array bersarang
Line2 adalah deklarasi array bersarang dengan beberapa nilai
Line3 adalah untuk menampilkan nilai indeks array bersarang tanpa menggunakan for loop
Line4 adalah untuk memanggil fungsi

Contoh #2

Array bersarang dengan for loop

Kode

<!DOCTYPE html>
<html>
<head>
<title>Nested Array</title>
<!--CSS Styles-->
<style>
h1
{
color:blue;
text-align: center;
}
</style>
</head>
<body>
<script>
function getNestedForOutput() { //line1
var colorNestedValues= [ //line2
["1","Red"], //0,0 and 0,1 values
["2", "Green"], //1,0 and 1,1 values
["3", "Blue"], //2,0 and 2,1 values
["4","Yellow"], //3,0 and 3,1 values
["5","Orange"], //4,0 and 4,1 values
];
document.write("<h1>Nested Array with for loop</h1>");
//line3
for(var index1=0;index1<4;index1++)
{
for(var index2=0;index2<2;index2++)
{
document.write(index1+", "+index2+" index array value=>"+colorNestedValues[index1][index2]+"<br>");
}
}
}
getNestedForOutput(); //line4
</script>
</body>
</html>

Keluaran

Penjelasan

Baris1 disebut fungsi untuk logika array bersarang
Line2 adalah deklarasi array bersarang dengan beberapa nilai
Line3 adalah untuk menampilkan nilai indeks array bersarang dengan for loop
Line4 adalah untuk memanggil fungsi

Contoh #3

Array JSON bersarang tanpa for loop

Kode

<!DOCTYPE html>
<html>
<head>
<!--CSS Styles-->
<style>
h1
{
color:green;
text-align:center;
}
p
{
font-size: 22px;
border: solid 1px maroon;
}
</style>
</head>
<body>
<h1>Nested JSON array without for loop</h1>
<p>Nested Array in JavaScript is defined as Array (Outer array) within another array (inner array). An Array can have one or more inner Arrays. These nested array (inner arrays) are under the scope of outer array means we can access these inner array elements based on outer array object name. JavaScript, equals before (=) variable said to be actual array or outer array and equals after inside moustache bracket ({ }) or index bracket ([]) array said to be inner array. Outer array variable can able to access inner array elements. However, inner array cannot access outer array.</p>
<script>
var nestedCourses;
function getMyJSONOutput()//line1
{
nestedCourses = { //line2
"courses": [
{'name':"Java", 'category':["Spring", "Hibernate", "Servlets"]},
{"name":"Python", "category":["Django", "Machine Learning", "Automation"]},
{"name":"C", "category":["Windows Scripting", "C++"] }
]
}
//line 3
document.write("1, 0 index array value=>"+nestedCourses.courses[0].name+"<br>");
document.write("0, 0 index array value=>"+nestedCourses.courses[0].category+"<br>");
document.write("1, 0 index array value=>"+nestedCourses.courses[1].name+"<br>");
document.write("0, 1 index array value=>"+nestedCourses.courses[1].category+"<br>");
document.write("1, 0 index array value=>"+nestedCourses.courses[2].name+"<br>");
document.write("1, 0 index array value=>"+nestedCourses.courses[2].category+"<br>");
}
getMyJSONOutput();//line4
</script>
</body>
</html>

_

Keluaran

Penjelasan

Baris1 disebut fungsi untuk logika array JSON bersarang
Line2 adalah deklarasi array JSON bersarang dengan beberapa nilai
Line3 adalah untuk menampilkan nilai indeks array JSON bersarang tanpa menggunakan for loop
Line4 adalah untuk memanggil fungsi

Contoh #4

Array JSON bersarang dengan for loop

Kode

<!DOCTYPE html>
<html>
<head>
<!--CSS Styles-->
<style>
h2
{
color: blue;
}
h1
{
color:green;
text-align:center;
}
p
{
font-size: 15px;
border: solid 1px maroon;
}
</style>
</head>
<body>
<h1>Nested JSON array without for loop</h1>
<p>Nested Array in JavaScript is defined as Array (Outer array) within another array (inner array). An Array can have one or more inner Arrays. These nested array (inner arrays) are under the scope of outer array means we can access these inner array elements based on outer array object name. JavaScript, equals before (=) variable said to be actual array or outer array and equals after inside moustache bracket ({ }) or index bracket ([]) array said to be inner array. Outer array variable can able to access inner array elements. However, inner array cannot access outer array.</p>
<p id="demo"></p>
<script>
var nestedCourses, index1, index2, output = "";
function getMyJSONOutput()
{
nestedCourses = {
"courses": [
{'name':"Java", 'category':["Spring", "Hibernate", "Servlets"]},
{"name":"Python", "category":["Django", "Machine Learning", "Automation"]},
{"name":"C", "category":["Windows Scripting", "C++"] }
]
}
for (index1 in nestedCourses.courses) {
output += "<h2>" + nestedCourses.courses[index1].name + "</h2>";
for (index2 in nestedCourses.courses[index1].category) {
output += nestedCourses.courses[index1].category[index2] + "<br>";
}
}
}
getMyJSONOutput();
document.getElementById("demo").innerHTML = output;
</script>
</body>
</html>

Keluaran

Penjelasan

Baris1 disebut fungsi untuk logika array JSON bersarang
Line2 adalah deklarasi array JSON bersarang dengan beberapa nilai
Line3 adalah untuk menampilkan nilai indeks dari array JSON bersarang dengan for loop
Line4 adalah untuk memanggil fungsi

Kesimpulan

Array Bersarang JavaScript digunakan untuk mengurangi mendeklarasikan banyak array. Array bersarang juga dikatakan sebagai array multi dimensi. Kita dapat mencapai array bersarang dengan gaya kawat gigi indeks dan kawat gigi kumis (JSON).

Artikel yang Direkomendasikan

Ini adalah panduan untuk JavaScript Nested Array. Di sini kita membahas pengantar array bersarang bersama dengan contoh-contoh yang berfungsi dan masing-masing. Anda juga dapat melihat artikel berikut untuk mempelajari lebih lanjut –

Bagaimana cara menambahkan array dalam JavaScript array bersarang?

Sintaks larik JSON. var JSONNestedArray=[ { "kunci". [ "nilai1", "nilai2", "nilai3",. ] } , //kunci tunggal memiliki banyak nilai berarti array bersarang { "key". [ "nilai1", "nilai2", "nilai3",. ] },. . . ]

Bagaimana Anda menambahkan array ke array bersarang?

Anda dapat menambahkan elemen lain ke akhir array bersarang menggunakan metode #push atau operator shovel << . Jika Anda ingin menambahkan elemen ke array bersarang tertentu, Anda harus menentukan indeks dari array bersarang.

Bagaimana cara menambahkan sesuatu ke JavaScript array bersarang?

JavaScript menawarkan dua cara untuk menambahkan elemen ke array bersarang yang sudah dibuat; . append an element at the end of an array using the “push()” method or insert it at a specific position with the help of the “splice()” method.

Bisakah Anda meletakkan array di dalam array JavaScript?

JavaScript memungkinkan kita membuat array di dalam array yang disebut Nested Arrays . Array Bersarang memiliki satu atau banyak array sebagai elemen array. Ini mungkin sedikit membingungkan dalam definisi tetapi sangat menarik setelah kita menggali lebih dalam.

kode javascript