当前位置:首页 > JavaScript

js中数组怎么实现

2026-01-31 02:39:06JavaScript

数组的创建

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

const arr1 = [1, 2, 3]; // 包含三个数字的数组
const arr2 = ['a', 'b', 'c']; // 包含三个字符串的数组
const arr3 = []; // 空数组

也可以通过Array构造函数创建数组:

const arr4 = new Array(1, 2, 3); // 等同于[1, 2, 3]
const arr5 = new Array(3); // 创建长度为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); // 末尾添加元素 → [1, 2, 3, 4]
numbers.pop(); // 移除最后一个元素 → [1, 2, 3]
numbers.unshift(0); // 开头添加元素 → [0, 1, 2, 3]
numbers.shift(); // 移除第一个元素 → [1, 2, 3]

数组操作

const arr = [1, 2, 3, 4, 5];
arr.slice(1, 3); // 返回新数组[2, 3],原数组不变
arr.splice(1, 2, 'a', 'b'); // 从索引1删除2个元素,插入'a','b' → [1, 'a', 'b', 4, 5]

遍历数组

const colors = ['red', 'green', 'blue'];
colors.forEach(color => console.log(color)); // 依次输出每个元素
const mapped = colors.map(color => color.toUpperCase()); // 返回新数组['RED', 'GREEN', 'BLUE']

多维数组

JavaScript支持多维数组(数组的数组):

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

数组解构

ES6引入的解构赋值也适用于数组:

const [first, second] = [10, 20];
console.log(first); // 10
console.log(second); // 20

类型化数组

对于高性能数值计算,可以使用类型化数组:

js中数组怎么实现

const buffer = new ArrayBuffer(16);
const int32View = new Int32Array(buffer); // 每个元素占4字节

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

相关文章

js实现vue路由

js实现vue路由

Vue路由基础实现 使用Vue Router实现前端路由需要先安装并配置路由库。Vue Router是Vue.js官方的路由管理器。 安装Vue Router: npm install vue-r…

vue数组实现原理

vue数组实现原理

Vue 数组响应式原理 Vue 通过重写数组的原型方法来实现对数组变化的监听。Vue 没有直接监听数组的索引变化,而是通过拦截数组的变异方法(如 push、pop、splice 等)来触发视图更新。…

js实现动画

js实现动画

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

js 实现vue

js 实现vue

Vue.js 的基本实现 在 JavaScript 中实现 Vue.js 的核心功能,可以通过数据绑定、响应式系统和虚拟 DOM 来实现。以下是实现 Vue.js 核心功能的简化版本。 数据响应式系…

js实现延迟

js实现延迟

实现延迟的方法 在JavaScript中,实现延迟操作有多种方式,以下是几种常见的方法: 使用setTimeout函数 setTimeout是JavaScript中最常用的延迟执行方法。它接受一个回…

js实现驼峰

js实现驼峰

实现驼峰命名的几种方法 使用正则表达式和字符串替换 通过正则表达式匹配字符串中的特定模式(如下划线或短横线),并将其后的字母转换为大写,同时移除分隔符。 function toCamelCase(s…