在 JavaScript 中建立和解析 3D 陣列

Tahseen Tauseef 2023年10月12日

JavaScript JavaScript Array

JavaScript 解析簡介
在 JavaScript 中建立一個陣列
在 JavaScript 中解析陣列
JavaScript 中不同型別的陣列
在 JavaScript 中建立和解析 3D 陣列

本文解決以下問題。

解析的介紹
如何在 JavaScript 中建立陣列？
JavaScript 中如何解析陣列？
不同型別的陣列
在 JavaScript 中建立和解析 3D 陣列

JavaScript 解析簡介

解析評估程式並將其更改為執行時環境可以執行的內部格式，例如瀏覽器中的 JavaScript 引擎。解析器逐行分析我們的程式碼並檢查錯誤，如果發現任何錯誤，則停止執行。

如果程式碼沒有語法錯誤，解析器會生成一個轉換為機器程式碼的抽象語法樹並輸出。執行上下文給出了我們的程式碼執行的環境，定義為以下之一。

全域性：第一次執行程式碼的預設環境。
本地/函式：函式內的程式碼被執行時。
Eval：當 eval 中的文字被執行時

JavaScript 在編譯時或在呼叫解析器時解析，例如在方法呼叫期間。下面的程式碼告訴你如何在 JavaScript 中解析一個物件。

var person = 'XYZ';
const func1 = function() {
  let address = 'Pakistan';
  func2();
  console.log(`${person} ${address}`);
} const func2 = function() {
  let designation = 'Software Engineer';
  let address = 'America'
  console.log(`${person} ${designation} ${address}`);
} func1();
console.log(window.person === person)

上面的程式碼是環境的全域性上下文的一個例子。讓我們再看一下前面的例子。

變數 person 在全域性上下文中宣告，全域性上下文用於執行不屬於任何函式的程式碼。每當呼叫函式時，都會生成一個新的執行上下文並將其放在現有上下文的頂部，從而形成執行堆疊。

你可以通過此連結訪問此程式碼。

在 JavaScript 中建立一個陣列

我們先來看看什麼是陣列。一個陣列可以在一個名稱下包含多個值，並且可以通過引用索引號來訪問這些專案。

建立陣列如下所示。

<html>
<body>

<p id="data"></p>

</body>
</html>

上述 HTML 檔案的 JavaScript 程式碼如下。

const cars = ['Saab', 'Volvo', 'BMW'];
document.getElementById('data').innerHTML = cars;

此程式碼的執行在此連結中給出。

在 JavaScript 中解析陣列

var arr = ['car', 'bike', 'truck'];
arr = arr.map(Vehicles => parseInt(Vehicles));

console.log(arr);

上面的程式碼給出了 parseint 陣列 JavaScript。但是 JavaScript 中的解析通常是通過在 JavaScript 中使用 JSON.parse() 來完成的。JSON 是一種格式標準。

解析 JSON 需要將資料翻譯成你當時使用的任何語言。解析 JSON 時，根據規範將文字轉換為 JSON 物件，可以以你想要的任何方式使用。

下面是 JavaScript 解析 JSON 的示例。

var jsonPerson = '{"first_name":"XYZ", "age":18}';
var personObject = JSON.parse(jsonPerson);

這裡解析 JSON 字串被轉換成一個 JavaScript 物件。以下示例可以顯示 JavaScript 物件。

const json = '{ "fruit": "pineapple", "Pineapple": 10 }';
const obj = JSON.parse(json);
console.log(obj.fruit, obj.Pineapple);

JavaScript 中不同型別的陣列

JavaScript 中存在兩種型別的陣列。

多維陣列
一維陣列

JavaScript 中的多維陣列

在 JavaScript 中，多維陣列不是立即可用的。因此，如果你希望使用任何用作多維陣列的東西，則必須通過使用另一個一維陣列來生成多維陣列。

因此，JavaScript 中的多維陣列被稱為陣列中的陣列。你必須將某些陣列巢狀在陣列中，以使整個事物充當多維陣列。

在我們的程式碼中，將插入其他陣列的陣列用作多維陣列。多維陣列的定義與一維陣列的定義類似。

JavaScript 中的一維陣列

線性陣列也稱為一維 JavaScript 陣列。其中只有一行或一列。

var arr = [];  // Empty One-Dimensional array
var arr1 =
    ['A', 'B', 'C', 'D']  // One-Dimensional array containing some alphabets
    var arr1 = [1, 2, 3, 4, 5]  // One-Dimensional array containing some digits

現在回到多維陣列。

let arr = [['ABC', 18], ['XYZ', 19], ['JKL', 20]];
console.log(arr[0]);
console.log(arr[0][0]);
console.log(arr[2][1]);

將多維陣列視為具有三行兩列的表。當在 console.log 中呼叫 (arr[0] [0]) 時，它將給出 ABC。

當在 console.log 中呼叫 (arr[1](https://jsfiddle.net/2tfywo5h/) [0]) 時，它會給出 JKL 等等。[連結] 上面的程式碼可以執行和使用。

	第 1 列	第 2 欄
第 1 行	ABC, `(arr [0] [0])`	18 `(arr [0] [1])`
第 2 行	XYZ, `(arr[1] [0])`	19 `(arr [1] [1])`
第 3 行	JKL, `(arr[2] [0])`	20 `(arr [2] [1])`