在 JavaScript 中建立和解析 3D 陣列
- 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]) |
在 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 陣列的概念,然後用程式碼段解釋了這些陣列的建立和解析。