当前位置:首页 > 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
分享给朋友:

相关文章

js实现轮播图

js实现轮播图

基础轮播图实现 使用HTML、CSS和JavaScript实现一个简单的自动轮播图。HTML结构包含一个容器和多个图片项。 <div class="slider"> <div…

js实现图片上传

js实现图片上传

图片上传的基本实现 使用HTML的<input type="file">元素配合JavaScript的File API可以实现图片上传功能。HTML部分需要创建一个文件选择输入框和一个用于…

js实现复制到剪贴板

js实现复制到剪贴板

使用document.execCommand方法(传统方式,已废弃但部分浏览器仍支持) 该方法适用于旧版浏览器,但已被标记为废弃。执行前需确保文本已被选中: function copyToClipb…

js实现游标

js实现游标

使用JavaScript实现游标 在JavaScript中,可以通过操作DOM元素的cursor样式属性来实现自定义游标效果。以下是几种常见的实现方法: 修改默认鼠标指针样式 通过CSS的curso…

js实现图

js实现图

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

js树实现

js树实现

树的基本概念 树是一种非线性的数据结构,由节点和边组成。每个节点包含一个值和指向子节点的引用。树的顶部节点称为根节点,没有子节点的节点称为叶节点。 树的实现方式 在JavaScript中,树可以通过…