当前位置:首页 > JavaScript

js实现数组

2026-03-13 19:12:53JavaScript

数组创建与初始化

在JavaScript中,数组可以通过多种方式创建和初始化。最直接的方法是使用数组字面量:

const arr1 = []; // 空数组
const arr2 = [1, 2, 3]; // 包含三个元素的数组
const arr3 = new Array(5); // 长度为5的空数组
const arr4 = Array.of(1, 2, 3); // 类似于字面量创建

数组元素访问与修改

数组元素通过索引访问和修改,索引从0开始:

const fruits = ['apple', 'banana', 'orange'];
console.log(fruits[1]); // 输出: banana

fruits[2] = 'grape'; // 修改第三个元素
console.log(fruits); // 输出: ['apple', 'banana', 'grape']

常用数组方法

JavaScript提供了丰富的数组操作方法:

添加/删除元素

const numbers = [1, 2, 3];
numbers.push(4); // 末尾添加元素
numbers.pop(); // 移除最后一个元素
numbers.unshift(0); // 开头添加元素
numbers.shift(); // 移除第一个元素

数组遍历

const colors = ['red', 'green', 'blue'];
colors.forEach(color => console.log(color));

const doubled = numbers.map(num => num * 2);
const evens = numbers.filter(num => num % 2 === 0);

查找与判断

const found = colors.find(color => color === 'green');
const hasRed = colors.includes('red');
const index = colors.indexOf('blue');

多维数组实现

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

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

数组解构与扩展

ES6引入的解构和扩展语法简化了数组操作:

const [first, second] = ['a', 'b', 'c'];
const newArr = [...firstArr, ...secondArr];

性能优化技巧

对于大型数组操作,考虑以下优化方法:

js实现数组

  • 使用for循环代替forEach进行大批量操作
  • 预先分配数组长度new Array(size)减少动态扩容
  • 使用TypedArray处理数值型数据
  • 合理使用reduce方法替代多次循环

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

相关文章

js实现动画

js实现动画

使用 CSS 动画与 JavaScript 控制 通过 JavaScript 动态添加或移除 CSS 类来触发动画。CSS 定义关键帧(@keyframes),JavaScript 通过 classL…

js实现分页

js实现分页

分页的基本实现思路 在JavaScript中实现分页功能通常需要结合前端和后端逻辑。前端负责渲染分页控件和处理用户交互,后端负责提供分页数据。 前端分页实现 纯前端分页适用于数据量较小的情况,可以直…

js实现dh

js实现dh

JavaScript 实现 DH(Diffie-Hellman)密钥交换 Diffie-Hellman(DH)密钥交换是一种安全协议,允许双方在不安全的通信信道上建立一个共享密钥。以下是如何在 Jav…

js手势实现

js手势实现

手势识别实现方法 在JavaScript中实现手势识别通常涉及监听触摸事件(touchstart、touchmove、touchend)或鼠标事件(mousedown、mousemove、mouseu…

js实现图

js实现图

JavaScript 实现图的常用方法 在 JavaScript 中,图(Graph)可以通过多种方式实现,常见的包括邻接表(Adjacency List)和邻接矩阵(Adjacency Matrix…

js节流实现

js节流实现

节流的概念 节流(Throttle)是一种限制函数执行频率的技术,确保函数在一定时间间隔内只执行一次。常用于滚动事件、窗口调整等高频触发的场景。 基础实现方法 使用时间戳判断是否执行函数: fun…