当前位置:首页 > JavaScript

js数组 实现

2026-04-05 09:42:39JavaScript

数组创建

使用字面量直接创建数组:

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

通过 Array 构造函数创建:

const arr3 = new Array(3); // 创建长度为3的空数组  
const arr4 = new Array(1, 2, 3); // 等同于 [1, 2, 3]  

数组操作

添加/删除元素

  • push() 在末尾添加元素:
    arr1.push(4); // arr1变为 [1, 2, 3, 4]  
  • pop() 删除末尾元素:
    arr1.pop(); // 返回4,arr1变回 [1, 2, 3]  
  • unshift() 在开头添加元素:
    arr1.unshift(0); // arr1变为 [0, 1, 2, 3]  
  • shift() 删除开头元素:
    arr1.shift(); // 返回0,arr1变回 [1, 2, 3]  

数组遍历

使用 forEach 遍历:

js数组 实现

arr1.forEach(item => console.log(item)); // 依次输出1, 2, 3  

使用 map 生成新数组:

const doubled = arr1.map(item => item * 2); // 返回 [2, 4, 6]  

数组查找

  • includes() 检查元素是否存在:
    arr1.includes(2); // true  
  • find() 查找符合条件的元素:
    const found = arr1.find(item => item > 1); // 返回2  

数组转换

  • join() 转换为字符串:
    arr1.join('-'); // 返回 "1-2-3"  
  • split() 字符串转数组(字符串方法):
    'a,b,c'.split(','); // 返回 ['a', 'b', 'c']  

多维数组

创建和访问多维数组:

const matrix = [[1, 2], [3, 4]];  
console.log(matrix[0][1]); // 输出2  

数组排序

使用 sort() 排序(默认按Unicode码点):

js数组 实现

const nums = [3, 1, 2];  
nums.sort((a, b) => a - b); // 返回 [1, 2, 3]  

数组过滤

使用 filter() 筛选元素:

const filtered = arr1.filter(item => item % 2 === 0); // 返回 [2]  

数组合并

使用 concat() 或扩展运算符:

const merged = arr1.concat([4, 5]); // 返回 [1, 2, 3, 4, 5]  
const merged2 = [...arr1, ...arr2]; // 合并arr1和arr2  

数组解构

从数组中提取值:

const [first, second] = arr1; // first=1, second=2  

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

相关文章

js实现动画

js实现动画

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

js实现类

js实现类

JavaScript 实现类的几种方式 JavaScript 是一种基于原型的语言,但在 ES6 之后引入了 class 语法糖,使得实现类更加直观。以下是几种常见的实现方式: 使用构造函数 传统的…

节流js实现

节流js实现

节流(Throttle)的实现原理 节流是一种限制函数执行频率的技术,确保函数在一定时间间隔内最多执行一次。适用于高频触发事件(如滚动、输入、窗口调整等)的场景。 基础实现方式 使用时间戳判断是否执…

js节流实现

js节流实现

节流的概念 节流(Throttle)是一种限制函数执行频率的技术,确保函数在一定时间间隔内只执行一次。常用于滚动事件、窗口调整等高频触发的场景。 基础实现方法 使用时间戳判断是否执行函数:…

js实现正交

js实现正交

正交的概念 正交在数学和计算机科学中通常指两个向量垂直或线性无关。在编程中,正交性常被用于设计模块化、低耦合的系统。 向量正交判断 判断两个向量是否正交可以通过点积是否为0来实现: fun…

js实现文字滚动

js实现文字滚动

实现文字滚动的几种方法 使用CSS动画实现滚动 通过CSS的@keyframes和transform属性可以实现平滑的文字滚动效果。 <style> .scroll-text { w…