前端进阶之旅前端进阶之旅
基础篇
进阶篇
高频篇
精选篇
手写篇
原理篇
面经篇
自检篇
每日一题
  • 综合
    • 综合题型
    • 其他问题
    • 设计模式
    • 思维导图
    • 学习路线
  • 前端基础
    • HTTP
    • 浏览器
    • 计算机基础
  • 进阶学习
    • NPM工作流
    • Docker
    • Canvas
    • Node学习指南
    • 前端综合文章
  • 其他
    • Handbook
    • 职场话题
    • CSS可视化
小程序题库
公众号动态
博客动态
开发者导航
基础篇
进阶篇
高频篇
精选篇
手写篇
原理篇
面经篇
自检篇
每日一题
  • 综合
    • 综合题型
    • 其他问题
    • 设计模式
    • 思维导图
    • 学习路线
  • 前端基础
    • HTTP
    • 浏览器
    • 计算机基础
  • 进阶学习
    • NPM工作流
    • Docker
    • Canvas
    • Node学习指南
    • 前端综合文章
  • 其他
    • Handbook
    • 职场话题
    • CSS可视化
小程序题库
公众号动态
博客动态
开发者导航

JavaScript数组方法总结篇

首页
2018-08-18 18:40:43
Front-End
JavaScript

# 一、数组预览图

数组方法

# 二、会改变原数组的方法

# 2.1 push()

  • 方法在数组的尾部添加一个或多个元素,并返回数组的长度

参数: item1, item2, …, itemX ,要添加到数组末尾的元素

let arr = [1,2,3];

let length = arr.push('末尾1','末尾2'); // 返回数组长度

console.log(arr,length)

// [1, 2, 3, "末尾1", "末尾2"] 5
@前端进阶之旅: 代码已经复制到剪贴板

返回值: 数组的长度

# 2.2 pop()

  • 方法删除数组的最后一个元素,减小数组长度并返回它删除的值
//组合使用push()和pop()能够用JavaScript数组实现先进后出的栈

let stack = [];

stack.push(1,2) // 返回长度2,这时stack的值是[1,2]

stack.pop() // 返回删除的值2,这时stack的值是[1]
@前端进阶之旅: 代码已经复制到剪贴板

返回值: 从数组中删除的元素(当数组为空时返回undefined)。

# 2.3 unshift()

方法在数组的头部添加一个或多个元素,并将已存在的元素移动到更高索引的位置来获得足够的空间,最后返回数组新的长度

let arr = [3,4,5];

let length = arr.unshift(1,2); // 返回长度是5

console.log(arr, length)

//[1, 2, 3, 4, 5] 5
@前端进阶之旅: 代码已经复制到剪贴板

返回值: 返回数组新的长度

# 2.4 shift()

方法删除数组的第一个元素并将其返回,然后把所有随后的元素下移一个位置来填补数组头部的空缺,返回值是删除的元素

let arr = [1,2,3];

let item = arr.
fe
  • 一、数组预览图
  • 二、会改变原数组的方法
    • 2.1 push()
    • 2.2 pop()
    • 2.3 unshift()
    • 2.4 shift()
    • 2.5 splice()
    • 2.6 sort()
    • 2.7 reverse()
    • 2.8 fill()
  • 三、不改变原数组的方法
    • 3.1 slice()
    • 3.2 join()
    • 3.3 toString()
    • 3.4 toLocaleString()
    • 3.5 concat()
    • 3.6 isArray()
  • 四、数组遍历、映射、过滤、检测、简化等方法
    • 4.1 forEach()
    • 4.2 map()
    • 4.3 filter()
    • 4.4 every()
    • 4.5 some()
    • 4.6 reduce() 和 reduceRight()
    • 4.7 indexof()
    • 4.8 includes()
    • 4.9 find() 和 findIndex()
    • 4.10 其他

← 快应用入门小结篇Immutable之回顾 →