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

当前位置：主页 > 学无止境 > WEB前端 > JavaScript >

Vue React JavaScript Angular CSS HTML

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

作者：迹忆客最近更新：2023/03/10 浏览次数：

本文解决以下问题。

解析评估程序并将其更改为运行时环境可以执行的内部格式，例如浏览器中的 JavaScript 引擎。解析器逐行分析我们的代码并检查错误，如果发现任何错误，则停止执行。

如果代码没有语法错误，解析器会生成一个转换为机器代码的抽象语法树并输出。执行上下文给出了我们的代码执行的环境，定义为以下之一。

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 在全局上下文中声明，全局上下文用于运行不属于任何函数的代码。每当调用函数时，都会生成一个新的执行上下文并将其放在现有上下文的顶部，从而形成执行堆栈。

我们先来看看什么是数组。一个数组可以在一个名称下包含多个值，并且可以通过引用索引号来访问这些项目。

创建数组如下所示。

<html>
<body>

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

</body>
</html>

上述 HTML 文件的 JavaScript 代码如下。

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

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 数组。其中只有一行或一列。

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 等等。[链接] 上面的代码可以运行和使用。

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