JavaScript常用的21个操作数组方法

71 阅读2分钟
  1. concat( ) ****实现数组的拼接

语法: 数组1.concat(数组2,数组3)

  1. join( ) 数组转字符串

语法: 数组.join('分隔符')

  1. pop( ) 删除并返回数组的最后一个元素

语法: 数组.pop( )

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

语法: 数组.push(值)

  1. reverse( ) 颠倒数组中元素的顺序

语法: 数组.reverse( )

  1. shift( ) 删除并返回数组的第一个元素

语法: 数组.shift( )

  1. slice( ) 从某个已有的数组返回选定的元素

语法: 数组.slice(开始下标,结束下标)

  1. sort( ) 对数组的元素进行排序

语法: 数组.sort( )

  1. splice( ) 删除元素,并向数组添加新元素

语法:数组.splice(删除数据的起始位置,输出数据的个数,删除位置新增的数据)

  1. toSourse( ) 返回该对象的源代码

语法: 数组.toSourse( )

  1. toString( ) 把数组转换为字符串,并返回结果

语法: 数组.toString( )

  1. toLocaleString( ) 把数组转化为本地数组

语法: 数组.toLocaleString( )

  1. unshift( ) 向数组的开头添加一个或更多元素,并返回数组的新长度

语法: 数组.unshift(值)

  1. valueOf( ) 返回数组对象的原始值

语法: 数组.valueOf( )

数组中的高级方法

  1. forEach(item,index,arr) 循环

第一个参数是当前元素

第二个参数是当前元素的索引

第三个参数是当前元素所属的数组

let array = [1, 2, 3, 4];

array.forEach((item, index, arr) => {

console.log(item);

});

  1. for-in 循环

在众多的循环遍历方式中,它的效率是最低的;for...in循环会遍历一个object所有的可枚举属性,for...in循环主要是为遍历对象而设计的,不适用于遍历数组

const arr= [1,2,4,5,6,7]

for(let item in arr){

console.log(arr[item])

}

  1. map(item,index,arr) 循环 返回一个新数组

第一个参数是当前元素

第二个参数是当前元素的索引

第三个参数是当前元素所属的数组

let array = [1, 2, 3, 4 ,5];

let temp = array.map((item, index, arr) => {

return item + 1;

});

console.log(temp);

  1. filter( ) 过滤器

let array = [1, 2, 3, 4, 5];

let temp = array.filter((item, index, arr) => {

return item > 3;

});

console.log(temp);返回一个符合条件的数组

  1. reduce( ) 数组求和

不改变原数组,返回计算的最终结果

let array = [1, 2, 3, 4, 5];

let total = array.reduce((a, b) => {

return a + b;

});

console.log(total);

  1. some( ) 满足条件则终止循环

let array = [1, 2, 3, 4, 5];

array.some((item, index, arr) => {

console.log(item);

return item > 3;

});

  1. every( ) 不满足条件终止遍历,并返回false

遍历数组每一项,每一项返回true,最终结果为true.有一项返回false,停止遍历,结果返回为false。不改变原数组