当前位置:首页 > 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实现vue

js实现vue

Vue.js 的基本实现方法 在 JavaScript 中实现 Vue.js 的功能,可以通过直接引入 Vue 库或使用现代构建工具(如 Vite 或 Webpack)。以下是几种常见的实现方式:…

js 实现倒计时

js 实现倒计时

实现倒计时的基本方法 使用 JavaScript 实现倒计时可以通过 setInterval 或 setTimeout 结合日期计算来完成。以下是两种常见实现方式。 使用 setInterval 实…

js实现日历

js实现日历

实现日历的基本思路 使用JavaScript实现日历的核心是动态生成日期表格,并处理月份切换逻辑。需要计算当前月的天数、起始星期几,并动态渲染到页面上。 获取当前日期信息 通过Date对象获取当前年…

js实现验证

js实现验证

验证表单输入 使用JavaScript验证表单输入是常见的需求。可以通过监听表单提交事件,检查输入字段是否符合要求。 document.getElementById('myForm').addEve…

js实现交换

js实现交换

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

js实现 拖动

js实现 拖动

实现拖动的步骤 HTML 结构 创建一个可拖动的元素和一个放置区域: <div id="draggable" draggable="true">拖动我</div> <d…