当前位置:首页 > JavaScript

js 数组实现

2026-03-13 16:14:53JavaScript

数组创建与初始化

在 JavaScript 中,数组可以通过字面量或构造函数创建:

// 字面量方式
const arr1 = [1, 2, 3]; 

// 构造函数方式
const arr2 = new Array(1, 2, 3); 
const emptyArr = new Array(3); // 创建长度为3的空数组

数组操作

添加/删除元素

const arr = [1, 2];
arr.push(3); // 末尾添加 → [1, 2, 3]
arr.pop();   // 删除末尾 → [1, 2]
arr.unshift(0); // 开头添加 → [0, 1, 2]
arr.shift();    // 删除开头 → [1, 2]

合并与截取

const arrA = [1, 2];
const arrB = [3, 4];
const combined = arrA.concat(arrB); // [1, 2, 3, 4]
const sliced = combined.slice(1, 3); // [2, 3]

数组遍历

常用方法

const arr = [1, 2, 3];
arr.forEach(item => console.log(item)); // 遍历元素
const doubled = arr.map(item => item * 2); // [2, 4, 6]
const filtered = arr.filter(item => item > 1); // [2, 3]

多维数组

JavaScript 通过数组嵌套实现多维结构:

js 数组实现

const matrix = [
  [1, 2],
  [3, 4]
];
console.log(matrix[0][1]); // 输出: 2

性能优化

  • 避免频繁使用 shift()unshift(),因其会移动所有元素。
  • 大规模数据操作时,考虑使用 TypedArray(如 Int32Array)提升性能。

其他实用方法

// 查找与判断
arr.includes(2); // true
arr.indexOf(2);  // 1
arr.some(item => item > 2); // 是否有元素满足条件

// 排序与反转
const unsorted = [3, 1, 2];
unsorted.sort(); // [1, 2, 3]
unsorted.reverse(); // [3, 2, 1]

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

相关文章

js实现乘

js实现乘

JavaScript 实现乘法运算 在 JavaScript 中实现乘法运算可以通过多种方式完成,包括基本运算符、函数封装以及高级算法(如大数乘法)。以下是几种常见方法: 使用基本乘法运算符 Jav…

vue数组怎么实现

vue数组怎么实现

Vue 数组操作方法 在 Vue 中操作数组时,需要遵循响应式原则,确保视图能正确更新。以下是常见的数组操作方法: 使用变异方法 Vue 对数组的变异方法进行了封装,这些方法会触发视图更新: pu…

react如何创建数组

react如何创建数组

创建数组的方法 在React中创建数组与普通JavaScript相同,可以使用多种方式。以下是常见的几种方法: 使用数组字面量 const array = [1, 2, 3, 4]; 使用Arra…

js实现搜索

js实现搜索

实现搜索功能的方法 在JavaScript中实现搜索功能可以通过多种方式完成,以下是几种常见的实现方法。 使用数组的filter方法 通过数组的filter方法可以筛选出符合条件的数据项。假设有一个…

js实现定位

js实现定位

使用Geolocation API获取当前位置 在JavaScript中,可以通过浏览器内置的Geolocation API获取用户的地理位置信息。该API需要用户授权才能访问位置数据。 if (n…

js实现导航菜单

js实现导航菜单

使用HTML和CSS创建基础结构 导航菜单的基础结构通常由HTML的无序列表(<ul>)和列表项(<li>)组成,每个列表项包含一个链接(<a>)。CSS用于样式化…