在 JavaScript 中创建和解析 3D 数组
本文解决以下问题。
解析评估程序并将其更改为运行时环境可以执行的内部格式，例如浏览器中的 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]);
在本文中，将讨论 JavaScript 中解析和数组的概念。然后解释了不同类型的数组以及如何在 JavaScript 中创建和解析它们。
最后阐述了多维数组和 3D 数组的概念，然后用代码段解释了这些数组的创建和解析。
相关文章
Do you understand JavaScript closures?
发布时间：2025/02/21 浏览次数：108 分类：JavaScript
-
The function of a closure can be inferred from its name, suggesting that it is related to the concept of scope. A closure itself is a core concept in JavaScript, and being a core concept, it is naturally also a difficult one.
Do you know about the hidden traps in variables in JavaScript?
发布时间：2025/02/21 浏览次数：178 分类：JavaScript
-
Whether you're just starting to learn JavaScript or have been using it for a long time, I believe you'll encounter some traps related to JavaScript variable scope. The goal is to identify these traps before you fall into them, in order to av
How much do you know about the Prototype Chain?
发布时间：2025/02/21 浏览次数：150 分类：JavaScript
-
The prototype chain can be considered one of the core features of JavaScript, and certainly one of its more challenging aspects. If you've learned other object-oriented programming languages, you may find it somewhat confusing when you start
用 jQuery 检查复选框是否被选中
发布时间：2024/03/24 浏览次数：102 分类：JavaScript
-
在本教程中学习 jQuery 检查复选框是否被选中的所有很酷的方法。我们展示了使用直接 DOM 操作、提取 JavaScript 属性的 jQuery 方法以及使用 jQuery 选择器的不同方法。你还将找到许多有用的
jQuery 中的 Window.onload 与 $(document).ready
发布时间：2024/03/24 浏览次数：180 分类：JavaScript
-
本教程演示了如何在 jQuery 中使用 Window.onload 和 $(document).ready 事件。
