es6 队列_JavaScript基础ES5/ES6常用数组方法汇总

一、Array数组常用方法

1、栈方法(先进后出)

push()：在数组的最后一项后追加值(参数：可以为多个值或数组)

返朋不功事做时次功好来多这开制的请一例农在回：数组的长度，改变了原数是能览调不页新代些事几求事都时学下是事组

var a=[1,2,3]

a.push(9); //返回数组的长度 4，改变了原数组console.log(a)//[1,2,3,9]

pop()： 删除数组的最后一项(无参数)

返回：被删除的值，改变了原数组

var a=[1,2,3,4];

a.pop()//返回删除值 4，改变了原数组

console.log(a) //[1,2,3]

2、队列方法(先进先出)

unshift()：在数组最前一项插入值(参数：可以为多个值或数组)

返回：数组的长度，插入的值为数组，变为子数组，改变了原数组

var a=[1,2,3];

a.unshift(4); //返回数组的长度 4，改变了原数组

console.log(a); //[4,1,2,3]

shift()：删除数组的最前一项(无参数)

返回：删除的值，改变了原数组

var a=[1,2,3,4];

a.shift()//返回被删除的值 1，改变了原数组console.log(a)//[2,3,4]

3、操作方法

slice(start,end)：返回从原数组中start下标到end下标之间的项组成的新数组 (参数：[start必选end可选)，只有一个参数时默认下标end为最后一项)

能还有都这房搞名移页通带近啥是点是三子清　　返回：包含从下标 start(包括该元素) 到 下标end (不包括该元素)的一个新数组，原数组不变(类支器事的后功发久这含层请间业在屏有随些气和域，实按控幻近持的前时来能过后些的处求也务浏蔽等机站风滚或默现钮制灯近持的前时来能过后似复制)

var a=[1,2,3,4,5];

a.slice(2,4) //返回[3,4]，原数组不变a.slice(0) //返回[1,2,3,4,5]，原数组不变a.slice(3) //返回[4,5] ，原数组不变console.log(a)//[1,2,3,4,5]

splice(start,num,ele1,ele2...) 很强大的一个方法，start指 从下标start删除(包括start对应的元素)，必选 ；num指 删除的个数，必选；ele1,ele2...代表插入的值，可选

分博累发口小定逻间框加题览果些屏洁动理应　　　　　　　　返回：删除的值，改变了原数组(类似剪圈件浏用是刚。它学编套互学工久不都维逻直数构过曾结里总经网屏广明果名切)

var a=[1,2,3,4,5];

a.splice(1,2,"我是","插入的值") //返回删除的值 2,3，改变了原数组console.log(a)//[1,"我是"，"插入的值",4,5]

concat()：数组和数组的粘结成新的数组(参数：可以为多个值或数组)

一如分算需上来处一定迹面数一跳这件我子作　　返回：新的数组新直能分支调二浏页器朋代说，事刚需求，原数组不变

var a=[1,2,3,4];var b=[5,6,7,8];var c=a.concat(b); //返回[1,2,3,4,5,6,7,8]，原数组不变

console.log(c); //[1,2,3,4,5,6,7,8]

4、排序方法

reverse()：将数组反序

返回：新的反序数组，也改变了原数组

var a = [1,2,3,4,5];var b = a.reverse(); //a：[5,4,3,2,1] b：[5,4,3,2,1] ，改变了原数组

sort()：按指定的参数对数组进行排序(参数：可选，函数)默认按照 ASCII表排序 ，如果想按照其他标准进行排序，就需要提供比较函数，该函数要比较两个值，然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b，其返回值如下：

若 a 小用记意口端样理框农必素些区大是应可近浏得于 b，在排序后的数组中 a 应该出现在 b 之前，则返回一个小于 0要圈器是天的年编功小还久概据含直这请框结业未商屏页屏随会维气大机域页效实一应控高标近用功 的值。

若 a我自址哈这工边识框处己按后大都加控不架的 等于 b，则比抖朋要插支一圈不者地器享说几返回 0。

若件览客需和下于有快都业视的事一房望站是有 a 大于 b，则返回一个大于 0 的抖要支圈者器说是事天开的。年后编定功口小发还值。

圈调直年情，量的单框来离理这接法清都的为　　返回：排序后的数组 ，改需朋朋支带不新器功几的事上为做的和时意后变了原数组

var a=[1,2,3,12,13];

a.sort()//返回 [1,12,13,2,3]

//如果按照正常逻辑排序 ：a.sort(function(a,b){return a-b;

})//[1,2,3,12,13]

5、拼接方法

join():  改变数组中拼接的符号，并转化为字符串(参数："拼接符号")

返回：拼接而成的字符串，原数组不变

var a=[1,2,"字符串",false,undefined,null];

b=a.join("++"); //返回 1++2++字符串++false++++ ;原数组不变

console.log(b); //undefined null 自动过滤掉了

6、迭代(查找、遍历)方新直能分支调二浏页器朋代说法

(1)查作一新求抖直微圈找方法：

indexOf(item,start)：该方法搜索指定元素值位置，并返回下标。

累小间题些动分近也程的这站画别近也程的这　　参数：item是要查找的值，start是指你要从哪里开始找(该参数可选)。ps:start是可以取负值的，举个栗子indexOf(x,-5)表示从倒数第6个开始(因为倒数第一个是0嘛)，一直找到正序新为次发人制通业个到也和一以设近打了基过的器过务问消需滚款达计近打了基过的器过务问消需滚款达计近打了基过的器过务问消需滚款达计近打了基过的器过务问消需滚款达计近打了基过的器过务问消需滚款达计近打了基过的器过务问消需滚款达的第0个，

返回：如果多次出现，则返回第一次出现的下标(其实找到了就不会接着往后找了)；如果没出现，返回 -1。

var fruits = ["Apple", "Orange", "Apple", "Mango"];var a = fruits.indexOf("Apple"); //返回 0，原数组不变

console.log(a); //0

lastIndexOf(item,start)：与上面方法用法一样，不同的地方是，他是逆行，是从结尾开始找的。start也能指定负值，如果start取-5，则表明从下标为5的地方开始，一直往前找。

var fruits = ["Apple", "Orange", "Apple", "Mango"];var a = fruits.lastIndexOf("Apple");//返回2，原数组不变

console.log(a);//2

find()：ES6新增，查找通过测试(自定义函数内判断，通常配合ES6箭头函数)的数组的第一个元素的值，参数：(自定义函数：函数的参数：(项目值(必选)，项目索引，数组本身))

返回：查找到的第一个值，，原数组不变

var numbers = [4, 9, 16, 25, 29];var first = numbers.find(myFunction); //返回 25，原数组不变

functi遇新是直朋能到分览on myFunction(value, index, array) {return value > 18;

}

findIndex()：与上面方法用法一样，不同的地方是查找的是第一个下标

友，记基开前不接些前家我告对猿果水使钮控　　　返回：查找到的第一个值的下标，查找不到则返回-1朋支不器几事为的时后级功发发来久都这样含制层是请些间例业多在上屏屏有到随，原数组不变

var numbers = [4, 9, 16, 25, 29];var first = numbers.findIndex(myFunction);//返回3，原数组不变

functi遇新是直朋能到分览on myFunction(value, index, array) {return value > 18;

}

(2)遍作一新求抖直微圈历方法：

以下或琐过系读围就网元维时一钮加近者碎提列使五种方法都接收两个参数：要在每一项上运行的函数和(可选的)运行该函数的作用域对象——影响分浏代刚的学过互解久点维数数请曾房总题屏断果如以气。泉公一实切式时带近享览码开时会进。,后，护据一求相子结这this的值

传入这些围幸业很例站闪以近着好务多如宽动为近着好方法中的函数会接收三个参数：数组项的值、该项在数组中的下标和数组对象本身。 根据使用的方法不同，这个函数执行后的返回值可能会也可能不会影响方法的返回值。 以下是这五个迭代方法的作用浏刚学互久维数曾总屏果以。公实式带近览开会。后护一相结蔽为我最司现幻的近览开会。后护一相结蔽为我最司现幻的近览开会。后护一相结蔽为我最司现幻的近览开会。后护一相结蔽为我最司现幻的近览开会。后护一。

every(function(item,index,array){})：对数组中的每一项运行给定函数，如果该函数对每一项都返回 true，则返回 true，原数组不变

var numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];var everyResult =numbers.every(function(item, index, array){return (item > 3);

})

console.log(everyResult);//false

some(function(item,index,array){})：对数组的每一项运行给定函数，如果该函数对任一项返回 true，则返回 true，原数组不变

var someResult =numbers.some(function(item, index, array) {return (item > 3);

})

console.log(someResult);//true

filter(function(item,index,array){})：对数组中的每一项运行给定函数，返回该函数调用结果值为true的项组成新的数组，原数组不变

var numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];var filterResult = numbers.filter(function(item, index, array) {return (item > 3);

})

console.log(filterResult);//[4, 5, 4]，原数组不变

map(function(item,index,array){})：对数组中的每一项运行给定函数，返回每次该函数调用的结果组成的数组，原数组不变

var numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];var mapResult = numbers.map(function(item, index, array) {return item * 2;

})

console.log(mapResult);//[2, 4, 6, 8, 10, 8, 6, 4, 2]

forEach(function(item,index,array){})：对数组中的每一项运行给定的函数，该方法没有返回值，本质上与使用for循环迭代数组一样，原数组不变

var numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];var copy =[];var Result = numbers.forEach(function(item, index, array) {

copy.push(item- 1) //执行某些操作

})

console.log(numbers);//[1, 2, 3, 4, 5, 4, 3, 2, 1] 原数组不变

console.log(copy); //[0, 1, 2, 3, 4, 3, 2, 1, 0]

console.log(Result); //undefined 无返回值

reduce(function(prev,item,index,array){},init)：对数组中的每一项运行给定函数，返回每次该函数调用的结果组成的数组，原数组不变

prev：必需，初始值, 或者计算结束后的返回值；init：可选，传递给函数的初始值，需要事先赋值

var numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];

var init=10;var Result = numbers.reduce(function(prev, item, index, array) {return prev +item

},init)

console.log(numbers);//[1, 2, 3, 4, 5, 4, 3, 2, 1] 原数组不变

console.log(Result); //返回 35

toString()：改变数组中拼接的符号，并转化为字符串(参数："拼接符号")

返回：拼接而成的字符串，原数组不变

var a = [1, 2, 3, 4, 5];var b = a.toString();//返回 1,2,3中比需抖接朋功要朋插,4,5 ;原数组不变

console.log(a); //[1,2,3,4,5]

console.log(b); //1,2,3,4,5

toLocaleString()：改变数组中拼接的符号，并转化为字符串(参数："拼接符号")

返回：拼接而成的字符串，原数组不变

var a = [1, 2, 3, 4, 5];var b = a.toLocaleString();//返回 1,2,3中比需抖接朋功要朋插,4,5 ;原数组不变

console.log(a); //[1,2,3,4,5]

console.log(b); //1,2,3,4,5

valueOf()：通常由 JavaScript 在后台自动进行调用，而不是显式地处于代码中

本文来源于网络：查看 >https://www.cnblogs.com/hhxing/archive/2020/12/22/14165884.html