美文网首页
js 数组方法大全

js 数组方法大全

作者: 一代码农1970 | 来源:发表于2019-07-05 15:36 被阅读0次

数组方法有很多,不是所有的方法,都经常用到的,经常不用难免会忘记,今天整理一下,回忆一下,也方便以后自己开发查询api。

一、改变原数组的方法9个

ES5:
pop() shift() push() unshift() reverse() splice() sort()
ES6:
copyWithin() fill()

pop() 删除数组中的最后的一个元素,返回 被删除的元素

let arr = [1,2,3];
let returnedValue= arr.pop(); 
// arr [1,2]  returnedValue 3

shift() 删除数组的第一个元素 返回 被删除的元素

let arr = [1,2,3];
let returnedValue= arr.shift(); 
// arr [2,3]  returnedValue 1

push() 向数组的末尾添加一个或多个元素 返回 新数组长度

let arr = [1,2,3];
let returnedValue= arr.push('a'); 
// arr [1,2,3,'a']  returnedValue 4

unshift() 向数组开头添加一个或多个元素 返回 新数组长度

let arr = [1,2,3];
let returnedValue= arr.unshift('a'); 
// arr ['a',1,2,3]  returnedValue 4

reverse() 颠倒数组中元素的顺序 返回 返回当前数组

let arr = [1,2,3];
let returnedValue= arr.reverse(); 
// arr [3,2,1]  returnedValue  [3,2,1]

splice() 添加/删除数组元素 返回 数组,被删除的元素数组

从数组中添加/删除项目,然后返回被删除的项目
语法: array.splice(开始位置,删除多少个,...添加的元素)

let arr = [1,2,3];
let returnedValue= arr.splice(0,3,'a','b'); // 从index0开始删除,删除3个,最后添加
// arr ['a','b']  returnedValue  [1,2,3]

sort() 数组排序 返回当前数组

let arr = [3,2,1];
let returnedValue= arr.sort(); 
// arr [1,2,3]  returnedValue  [1,2,3]

ES6: copyWithin() 指定位置的成员复制到其他位置 返回当前数组

copyWithin(被替换位的开始 target,被复制的开始位置 start,被复制的结束位置 end)
target(必需):从该位置开始替换数据。如果为负值,表示倒数。
start(可选):从该位置开始读取数据,默认为 0。如果为负值,表示倒数。
end(可选):到该位置前停止读取数据,默认等于数组长度。使用负数可从数组结尾处规定位置。

let arr = [1,2,3,'a'];
let returnedValue= arr.copyWithin(0,2,3); 
// arr [3, 2, 3, "a"]  returnedValue  [3, 2, 3, "a"]

ES6: fill() 填充数组

fill(填充的元素,起始位置,结束位置)

let arr = [1,2,3];
let returnedValue= arr.fill("a",1,2); 
// arr [1, "a", 3]  returnedValue  [1, "a", 3 ]

二、不改变原数组的方法8个

ES5:
join() toLocateString() toString() slice() cancat() indexOf() lastIndexOf()
ES7:
includes()

join() 数组转字符串 返回字符串

join(数组元素连接符默认值 , )

let arr = [1,2,3];
let returnedValue= arr.join(); 
// arr [1,2,3]  returnedValue  '1,2,3'

toLocaleString() 数组转字符串 返回字符串

返回一个表示数组元素的字符串。该字符串由数组中的每个元素的 toLocaleString() 返回值经调用 join() 方法连接(由逗号隔开)组成。

let arr = [1,2,3,{name:'b-boy'}];
let returnedValue= arr.toLocaleString(); 
// arr  [1,2,3,{name:'b-boy'}]  returnedValue  '1,2,3,[object Object]'

toString() 数组转字符串 返回字符串

let arr = [1,2,3];
let returnedValue= arr.toString(); 
// arr [1,2,3]  returnedValue  '1,2,3'

slice() 方法可从已有的数组中返回选定的元素。返回选定的数组

slice(开始位置,结束位置) 不包含结束位置

let arr = [1,2,3];
let returnedValue= arr.slice(0,2); 
// arr [1,2,3]  returnedValue  [1,2] 

concat() 方法用于连接两个或多个数组 返回合并后的数组

let arr = [1,2,3];
let returnedValue= ['a','b'].concat(arr); 
// arr [1,2,3]  returnedValue  ['a','b,1,2,3] 

indexOf() 查找数组是否存在某个元素,返回下标 不存在返回 -1

let arr = [1,2,3,'a'];
let returnedValue=arr.indexOf('a'); 
// arr  [1,2,3,'a']  returnedValue 3

lastIndexOf() 查找指定元素在数组中的最后一个位置 不存在 返回 -1

let arr = [1,'a',2,3,'a'];
let returnedValue=arr.lastIndexOf('a'); 
// arr [1,'a',2,3,'a']  returnedValue 4

ES7 includes() 查找数组是否包含某个元素 返回布尔

let arr = [1,'a',2,3,'a'];
let returnedValue=arr.includes('a'); 
// arr   [1,'a',2,3,'a']  returnedValue true

end。

相关文章

  • js 常用方法总结

    字符串的常用属性,概览 Array对象的方法; 详细js数组常用方法大全

  • js数组方法大全

    js数组方法大全 JavaScript中创建数组有两种方式(一)使用 Array 构造函数: (二)使用数组字面量...

  • js数组方法大全

    js数组方法大全[https://www.cnblogs.com/obel/p/7016414.html] Jav...

  • JS数组方法大全

    一、普通方法 1、join() 将数组元素连接在一起,并以字符串形式返回 2、reverse()将数组的元素顺序变...

  • JS数组方法大全

    由于最近都在freecodecamp上刷代码,运用了很多JavaScript数组的方法,因此做了一份关于JavaS...

  • js数组方法大全

    1、Array.concat(value, ...) *描述:拼接数组参数:接受任意个;返回值:新数组,包含arr...

  • JS数组常用方法大全

    数组的方法有数组原型方法,也有从object对象继承来的方法,下面就介绍一下数组常用方法:join() --...

  • js数组方法大全

    javascript 中创建数组有两种方式 使用 Array 构造函数: 使用数组字面量表示法: 数组的方法 数组...

  • js 数组方法大全

    数组方法有很多,不是所有的方法,都经常用到的,经常不用难免会忘记,今天整理一下,回忆一下,也方便以后自己开发查询a...

  • js数组方法大全

    JavaScript中创建数组有两种方式 (一)使用 Array 构造函数: var arr1 = new Arr...

网友评论

      本文标题:js 数组方法大全

      本文链接:https://www.haomeiwen.com/subject/laxehctx.html