当前位置:首页 > JavaScript

js数组实现

2026-04-05 16:25:25JavaScript

数组基本操作

JavaScript 数组提供多种基础操作方法,包括创建、增删改查等。

创建数组

const arr1 = [1, 2, 3]; // 字面量方式
const arr2 = new Array(3); // 构造器方式

访问元素

arr1[0]; // 返回1
arr1.at(-1); // 返回3(ES2022新增)

数组修改方法

尾部操作

arr1.push(4); // [1,2,3,4]
const last = arr1.pop(); // 返回4

首部操作

js数组实现

arr1.unshift(0); // [0,1,2,3]
const first = arr1.shift(); // 返回0

高阶函数应用

遍历方法

[1,2,3].forEach(x => console.log(x*2));
const doubled = [1,2,3].map(x => x*2);

过滤与查找

const evens = [1,2,3].filter(x => x%2===0);
const hasTwo = [1,2,3].some(x => x===2);

特殊操作方法

数组拼接

js数组实现

const newArr = arr1.concat([4,5]);
const spliced = [1,2,3].splice(1,1); // 返回[2]

排序与反转

[3,1,2].sort(); // [1,2,3]
[1,2,3].reverse(); // [3,2,1]

ES6+新特性

扩展运算符

const merged = [...[1,2], ...[3,4]];

解构赋值

const [first, ...rest] = [1,2,3];

类型化数组

const buffer = new ArrayBuffer(8);
const intArray = new Int32Array(buffer);

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

相关文章

js实现乘

js实现乘

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

js实现抽奖

js实现抽奖

实现抽奖功能的基本思路 抽奖功能的核心是随机选择奖项并展示结果。可以通过数组存储奖项,利用随机数生成索引,最后通过动画增强用户体验。 准备奖项数据 定义一个数组存储奖项信息,每个奖项可以包含名称、图…

js实现交换

js实现交换

交换变量的方法 在JavaScript中,交换两个变量的值有多种方法。以下是常见的几种实现方式: 使用临时变量 通过引入一个临时变量来存储其中一个变量的值,实现交换: let a = 1; le…

js实现vue路由

js实现vue路由

Vue 路由的基本实现 在 Vue.js 中实现路由功能通常使用 Vue Router 库。Vue Router 是 Vue.js 官方的路由管理器,用于构建单页面应用(SPA)。 安装 Vue R…

js实现文字滚动

js实现文字滚动

实现文字滚动的几种方法 使用CSS动画实现滚动 通过CSS的@keyframes和transform属性可以实现平滑的文字滚动效果。 <style> .scroll-text { w…

js实现上传文件

js实现上传文件

文件上传的基本实现 使用HTML的<input type="file">元素配合JavaScript的File API可以实现文件上传功能。 <input type="file"…