当前位置:首页 > JavaScript

js实现数组

2026-04-05 13:29:16JavaScript

创建数组

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

let arr1 = [1, 2, 3];

使用Array构造函数也可以创建数组:

let arr2 = new Array(1, 2, 3);

访问数组元素

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

let arr = ['a', 'b', 'c'];
console.log(arr[0]); // 输出 'a'

修改数组元素

直接通过索引赋值可以修改数组元素:

let arr = [1, 2, 3];
arr[1] = 4;
console.log(arr); // 输出 [1, 4, 3]

数组长度

使用length属性可以获取或设置数组长度:

let arr = [1, 2, 3];
console.log(arr.length); // 输出 3
arr.length = 2;
console.log(arr); // 输出 [1, 2]

数组方法

JavaScript提供了多种数组方法用于操作数组。

push方法在数组末尾添加元素:

let arr = [1, 2];
arr.push(3);
console.log(arr); // 输出 [1, 2, 3]

pop方法移除并返回数组最后一个元素:

let arr = [1, 2, 3];
let last = arr.pop();
console.log(last); // 输出 3
console.log(arr); // 输出 [1, 2]

shift方法移除并返回数组第一个元素:

js实现数组

let arr = [1, 2, 3];
let first = arr.shift();
console.log(first); // 输出 1
console.log(arr); // 输出 [2, 3]

unshift方法在数组开头添加元素:

let arr = [2, 3];
arr.unshift(1);
console.log(arr); // 输出 [1, 2, 3]

数组遍历

forEach方法遍历数组:

let arr = [1, 2, 3];
arr.forEach(item => {
    console.log(item);
});

map方法对数组每个元素执行函数并返回新数组:

let arr = [1, 2, 3];
let newArr = arr.map(item => item * 2);
console.log(newArr); // 输出 [2, 4, 6]

数组查找

indexOf方法查找元素索引:

let arr = [1, 2, 3];
console.log(arr.indexOf(2)); // 输出 1

includes方法检查数组是否包含元素:

js实现数组

let arr = [1, 2, 3];
console.log(arr.includes(2)); // 输出 true

数组排序

sort方法对数组排序:

let arr = [3, 1, 2];
arr.sort();
console.log(arr); // 输出 [1, 2, 3]

自定义排序:

let arr = [3, 1, 2];
arr.sort((a, b) => b - a);
console.log(arr); // 输出 [3, 2, 1]

数组过滤

filter方法根据条件过滤数组:

let arr = [1, 2, 3];
let filtered = arr.filter(item => item > 1);
console.log(filtered); // 输出 [2, 3]

数组拼接

concat方法合并数组:

let arr1 = [1, 2];
let arr2 = [3, 4];
let combined = arr1.concat(arr2);
console.log(combined); // 输出 [1, 2, 3, 4]

数组切片

slice方法截取数组部分:

let arr = [1, 2, 3, 4];
let sliced = arr.slice(1, 3);
console.log(sliced); // 输出 [2, 3]

数组转字符串

join方法将数组转为字符串:

let arr = [1, 2, 3];
let str = arr.join('-');
console.log(str); // 输出 '1-2-3'

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

相关文章

jquery.js

jquery.js

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

js实现动画

js实现动画

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

js实现二叉树

js实现二叉树

二叉树的基本概念 二叉树是一种树形数据结构,每个节点最多有两个子节点,分别称为左子节点和右子节点。二叉树的常见操作包括插入、删除、遍历等。 二叉树的节点定义 在JavaScript中,二叉树的节点可…

使用js实现

使用js实现

使用JavaScript实现 JavaScript可以通过Math.random()函数生成随机数,结合其他方法可以实现多种随机数生成需求。 // 生成0到1之间的随机小数 const random…

利用js实现

利用js实现

使用 JavaScript 实现 在 JavaScript 中,可以通过多种方式实现功能,具体取决于需求。以下是几种常见的方法: 方法一:使用原生 JavaScript // 示例代码…

java如何输出数组

java如何输出数组

输出数组的方法 在Java中,输出数组内容有多种方式,具体取决于数组类型和输出格式需求。以下是几种常见的方法: 使用Arrays.toString()方法 适用于一维数组,直接调用Arrays.to…