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

Tahseen Tauseef 2023年1月30日 2022年5月5日
  1. JavaScript 解析簡介
  2. 在 JavaScript 中建立一個陣列
  3. 在 JavaScript 中解析陣列
  4. JavaScript 中不同型別的陣列
  5. 在 JavaScript 中建立和解析 3D 陣列
在 JavaScript 中建立和解析 3D 陣列

本文解決以下問題。

  1. 解析的介紹
  2. 如何在 JavaScript 中建立陣列?
  3. JavaScript 中如何解析陣列?
  4. 不同型別的陣列
  5. 在 JavaScript 中建立和解析 3D 陣列

JavaScript 解析簡介

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

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

  1. 全域性:第一次執行程式碼的預設環境。
  2. 本地/函式:函式內的程式碼被執行時。
  3. 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 中存在兩種型別的陣列。

  1. 多維陣列
  2. 一維陣列

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])

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

3D 陣列更為複雜,你應該在網路上使用它時三思而後行,因為它的範圍有限。使用一維或二維陣列,可以解決 99% 的問題。

另一方面,3D 陣列如下所示。

var myArr = new Array();
myArr[0] = new Array();
myArr[0][0] = new Array()
myArr[0][0][0] = "Howdy";
myArr[0][0][1] = "pardner";
alert(myArr[0][0][1]);
alert(myArr[0][0][0]);

連結附上上面的程式碼。

在本文中,將討論 JavaScript 中解析和陣列的概念。然後解釋了不同型別的陣列以及如何在 JavaScript 中建立和解析它們。

最後闡述了多維陣列和 3D 陣列的概念,然後用程式碼段解釋了這些陣列的建立和解析。

相關文章 - JavaScript Array