当前位置:首页 > 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
分享给朋友:

相关文章

jquery.js

jquery.js

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,用于简化 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。它的设计宗旨是“Write Less, Do Mor…

js 实现分页

js 实现分页

实现分页的基本逻辑 分页功能通常需要后端返回数据总量或总页数,前端根据当前页码和每页条数截取对应数据。以下是一个基于JavaScript的简单分页实现方案: 前端分页实现 假设已有从后端获取的完整数…

js实现拷贝

js实现拷贝

实现文本拷贝 使用 document.execCommand 方法(已废弃但兼容性较好): function copyText(text) { const textarea = document…

jquery js

jquery js

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。它兼容多种浏览器,提供易于使用的 API,使开发者能够更高…

java如何给数组赋值

java如何给数组赋值

数组赋值的几种方法 在Java中,可以通过多种方式为数组赋值。以下是常见的几种方法: 静态初始化 int[] array1 = {1, 2, 3, 4, 5}; String[] array2 =…

react如何创建数组

react如何创建数组

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