在 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