当前位置:首页 > JavaScript

js 实现数组

2026-02-01 19:45:56JavaScript

数组创建

在 JavaScript 中,数组可以通过多种方式创建。使用数组字面量是最常见的方法,直接使用方括号 [] 定义数组元素。

const arr1 = [1, 2, 3]; // 包含数字的数组
const arr2 = ['a', 'b', 'c']; // 包含字符串的数组
const arr3 = []; // 空数组

使用 Array 构造函数也可以创建数组,但需要注意参数的不同行为。

const arr4 = new Array(3); // 创建长度为3的空数组
const arr5 = new Array(1, 2, 3); // 创建包含1, 2, 3的数组

数组操作

数组提供多种方法来操作元素。通过索引可以直接访问或修改数组中的元素。

const arr = [10, 20, 30];
console.log(arr[1]); // 输出20
arr[1] = 25; // 修改第二个元素为25

pushpop 方法用于在数组末尾添加或移除元素。

arr.push(40); // 添加40到末尾
arr.pop(); // 移除最后一个元素

shiftunshift 方法用于在数组开头添加或移除元素。

arr.unshift(5); // 添加5到开头
arr.shift(); // 移除第一个元素

数组遍历

遍历数组可以使用 for 循环或数组方法如 forEach

js 实现数组

for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

forEach 方法提供更简洁的遍历方式。

arr.forEach(item => {
  console.log(item);
});

数组方法

JavaScript 提供了丰富的数组方法用于处理数据。map 方法可以对数组中的每个元素执行操作并返回新数组。

const doubled = arr.map(item => item * 2);

filter 方法可以根据条件筛选数组元素。

js 实现数组

const filtered = arr.filter(item => item > 20);

reduce 方法可以将数组元素累积为单个值。

const sum = arr.reduce((acc, item) => acc + item, 0);

多维数组

JavaScript 支持多维数组,即数组的数组。可以通过嵌套方括号创建多维数组。

const matrix = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9]
];
console.log(matrix[1][2]); // 输出6

数组解构

ES6 引入的解构赋值可以方便地从数组中提取值。

const [first, second, third] = arr;
console.log(first); // 输出arr的第一个元素

扩展运算符

扩展运算符 ... 可以用于合并数组或复制数组。

const newArr = [...arr, 40, 50]; // 合并数组
const arrCopy = [...arr]; // 复制数组

标签: 数组js
分享给朋友:

相关文章

vue实现检测数组

vue实现检测数组

Vue 中检测数组变化的方法 Vue 的响应式系统无法直接检测到数组的某些变化,因为 JavaScript 的限制。以下是一些解决方案: 使用 Vue.set 或 this.$set Vue 提供…

js 实现vue

js 实现vue

实现 Vue 的核心功能 在 JavaScript 中实现 Vue 的核心功能需要模拟数据绑定、虚拟 DOM 和响应式系统。以下是一个简化版的实现思路: 响应式系统 通过 Object.define…

js实现图片放大缩小

js实现图片放大缩小

实现图片放大缩小的基础方法 使用CSS的transform: scale()属性可以快速实现图片的放大缩小效果。通过JavaScript动态修改该属性值: const img = document.…

vue实现数组

vue实现数组

vue实现数组操作 在Vue中操作数组需要使用Vue提供的响应式方法,直接修改数组元素不会触发视图更新。以下是常见的数组操作方法: 添加元素 使用push、unshift或splice方法添加元素:…

js实现延迟

js实现延迟

实现延迟的方法 在JavaScript中,实现延迟操作有多种方式,以下是几种常见的方法: 使用setTimeout函数 setTimeout是JavaScript中最常用的延迟执行方法。它接受一个回…

js实现驼峰

js实现驼峰

实现驼峰命名的几种方法 使用正则表达式和字符串替换 通过正则表达式匹配字符串中的特定模式(如下划线或短横线),并将其后的字母转换为大写,同时移除分隔符。 function toCamelCase(s…