在 JavaScript 中创建和解析 3D 数组

Tahseen Tauseef 2023年1月30日 2022年5月5日

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