当前位置:首页 > JavaScript

js 数组实现

2026-04-05 10:37:47JavaScript

JavaScript 数组的实现方法

JavaScript 数组是一种用于存储多个值的有序集合,可以通过索引访问和操作元素。以下是常见的数组实现方法:

创建数组

使用字面量方式创建数组:

let fruits = ['apple', 'banana', 'orange'];

使用 Array 构造函数创建数组:

let numbers = new Array(1, 2, 3, 4);

访问数组元素

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

let firstFruit = fruits[0]; // 'apple'

修改数组元素

通过索引修改数组元素:

fruits[1] = 'pear'; // ['apple', 'pear', 'orange']

常用数组方法

添加元素到数组末尾:

fruits.push('grape'); // ['apple', 'pear', 'orange', 'grape']

移除数组末尾元素:

js 数组实现

fruits.pop(); // ['apple', 'pear', 'orange']

添加元素到数组开头:

fruits.unshift('kiwi'); // ['kiwi', 'apple', 'pear', 'orange']

移除数组开头元素:

fruits.shift(); // ['apple', 'pear', 'orange']

查找元素索引:

let index = fruits.indexOf('pear'); // 1

删除或替换元素:

js 数组实现

fruits.splice(1, 1, 'melon'); // ['apple', 'melon', 'orange']

数组遍历

使用 for 循环遍历:

for (let i = 0; i < fruits.length; i++) {
    console.log(fruits[i]);
}

使用 forEach 方法:

fruits.forEach(function(item, index) {
    console.log(index, item);
});

数组转换

将数组转换为字符串:

let str = fruits.join(', '); // "apple, melon, orange"

从字符串创建数组:

let newArray = str.split(', '); // ['apple', 'melon', 'orange']

多维数组

创建和访问二维数组:

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

这些方法涵盖了 JavaScript 数组的基本操作,可以根据实际需求选择合适的方法进行数组操作。

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

相关文章

js实现轮播

js实现轮播

实现基础轮播效果 使用HTML结构创建轮播容器和图片元素: <div class="carousel"> <div class="carousel-inner">…

js实现跳转

js实现跳转

使用 window.location 跳转 通过修改 window.location.href 实现页面跳转,这是最常用的方法。 window.location.href = 'https://…

js 实现分页

js 实现分页

实现分页的基本逻辑 分页功能通常需要后端返回数据总量或总页数,前端根据当前页码和每页条数截取对应数据。以下是一个基于JavaScript的简单分页实现方案: 前端分页实现 假设已有从后端获取的完整数…

js实现变形

js实现变形

使用 CSS 和 JavaScript 实现元素变形 在 JavaScript 中实现变形效果通常结合 CSS 的 transform 属性,通过动态修改该属性实现元素的旋转、缩放、倾斜或平移。 基…

js实现驼峰

js实现驼峰

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

js实现自举

js实现自举

实现 JavaScript 自举的方法 JavaScript 自举(Bootstrap)通常指通过 JavaScript 动态加载自身或依赖的脚本,实现运行时环境的初始化或扩展。以下是几种常见实现方式…