Deno 是一个新兴的 JavaScript 运行时环境，与 Node.js 不同，Deno 内置了许多有用的工具和方法，使得前端开发更为高效。在本文中，我们将深入了解如何在 Deno 中使用数组和对象。
数组
创建数组
创建一个数组很简单，只需要使用方括号 [] 将要创建的数组包裹起来即可。示例代码如下：
const arr = [1, 2, 3, 4, 5]; console.log(arr);
输出结果：
[1, 2, 3, 4, 5]
访问数组
访问数组中的元素，只需要使用方括号 [] 并传递元素的下标即可。下标从 0 开始。
const arr = [1, 2, 3, 4, 5]; console.log(arr[0]); // 1 console.log(arr[2]); // 3
修改数组元素
访问数组元素后，可以直接修改它。
const arr = [1, 2, 3, 4, 5]; arr[1] = 6; console.log(arr); // [1, 6, 3, 4, 5]
数组方法
Deno 内置了许多数组方法，下面我们将介绍其中的一些。
push 和 pop
push 方法将一个或多个元素添加到数组的末尾，并返回新的数组长度。
const arr = [1, 2, 3, 4, 5]; const newLength = arr.push(6, 7); console.log(newLength); // 7 console.log(arr); // [1, 2, 3, 4, 5, 6, 7]
pop 方法从数组末尾移除一个元素，并返回移除的元素。
const arr = [1, 2, 3, 4, 5]; const removedItem = arr.pop(); console.log(removedItem); // 5 console.log(arr); // [1, 2, 3, 4]
unshift 和 shift
unshift 方法将一个或多个元素添加到数组的开头，并返回新的数组长度。
const arr = [1, 2, 3, 4, 5]; const newLength = arr.unshift(6, 7); console.log(newLength); // 7 console.log(arr); // [6, 7, 1, 2, 3, 4, 5]
shift 方法从数组开头移除一个元素，并返回移除的元素。
const arr = [1, 2, 3, 4, 5]; const removedItem = arr.shift(); console.log(removedItem); // 1 console.log(arr); // [2, 3, 4, 5]
splice
splice 方法可以添加、删除或替换数组中的元素。
-- -------------------- ---- ------- ----- --- - --- -- -- -- --- ------------- -- -- --- -- ---- - ----- - - - ----------------- -- --- -- -- -- -- -- -- ------------- --- -- ----- - --- ----------------- -- --- -- -- -- -- -- ------------- -- -- --- -- ----- - - - --- ----------------- -- --- -- -- -- -- --
对象
创建对象
创建一个对象，只需要使用花括号 {} 将要创建的对象包裹起来即可。示例代码如下：
const obj = {
name: 'Alice',
age: 20,
gender: 'female'
};
console.log(obj);输出结果：
{
name: "Alice",
age: 20,
gender: "female"
}访问对象属性
访问对象属性，需要使用点号 . 或方括号 []，传递属性名即可。
const obj = {
name: 'Alice',
age: 20,
gender: 'female'
};
console.log(obj.name); // "Alice"
console.log(obj['age']); // 20修改对象属性
访问对象属性后，可以直接修改它。
const obj = {
name: 'Alice',
age: 20,
gender: 'female'
};
obj.gender = 'male'; // 修改属性值
console.log(obj); // {name: "Alice", age: 20, gender: "male"}对象方法
Deno 内置了许多对象方法，下面我们将介绍其中的一些。
Object.keys
Object.keys 方法返回一个由对象的属性名组成的数组。
const obj = {
name: 'Alice',
age: 20,
gender: 'female'
};
const keys = Object.keys(obj);
console.log(keys); // ["name", "age", "gender"]Object.values
Object.values 方法返回一个由对象的属性值组成的数组。
const obj = {
name: 'Alice',
age: 20,
gender: 'female'
};
const values = Object.values(obj);
console.log(values); // ["Alice", 20, "female"]Object.entries
Object.entries 方法返回一个由对象的属性名和属性值组成的二维数组。
-- -------------------- ---- ------- ----- --- - - ----- -------- ---- --- ------- -------- -- ----- ------- - -------------------- --------------------- -- - -- -------- --------- -- ------- ---- -- ---------- --------- -- -
总结
本文介绍了在 Deno 中使用数组和对象的方法，包括创建、访问、修改和常见的方法。了解这些知识对于前端开发非常重要。在实际开发中，我们需要根据具体的需求来使用数组和对象，利用它们的特点来实现功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649eacd348841e9894b385d7