js数组常用方法

Posted wjk080652

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js数组常用方法相关的知识,希望对你有一定的参考价值。

js数组有如下常用方法:

(1)unshift()在数组的最前面添加内容,返回值为数组的长度

(2)shift()删除数组中的第一个元素,返回值为删除元素

(3)push()在数组的末尾添加元素,返回值为数组的chang

(4)pop()删除数组的最后一个元素,返回值为删除的元素

(5)concat()把两个数组连接起来

(6)reverse()将数组内容反序

(7)splice(start,num,val1,val2,val3,...)从start开始, 删除num项,并添加val1,val2,val3...返回值为删除的项

(8)slice(start,end)从start项开始,到第end+1项结束,返回值为start到end-1项组成的新数组

(9)sort()对数组元素进行排序 (但为一位一位的排 不是整体!!如:23,3;23就在3的前面)

(10).isArray()判断是否为数组,返回值为boolean

(11).toString()转化为字符串

(12).join()把数组中的元素放到一个字符串中,元素通过指定的分隔符进行分割,默认为逗号

 

具体例子如下:我们统一用var let=arr[1,2,3,4,5]

(1)arr.unshift(6,7)   console.log(arr)   //[6,7,1,2,3,4,5]      7

(2)arr.shift()            console.log(arr)     //[2,3,4,5]    1

(3)arr.push(6)         console.log(arr)   //[1,2,3,4,5,6]      6

(4)arr.pop()             console.log(arr)   //[1,2,3,4]      5

(5)var arr1=[11,22] arr.concat(arr1)    console.log(arr)   //[1,2,3,4,5,11,22]      

(6)arr.reverse()       console.log(arr)   //[5,4,3,2,1]      

(7)arr.splice(2,1,33)   console.log(arr)   //[1,2,33,4,5]      

(8)arr.slice(2,4)       console.log(arr)   //[3,4]      

(9)arr.sort()             console.log(arr)   //[1,2,3,4,5]      

(10)arr.isArray()      //true

(11)arr.toString()     console.log(arr)   //1,2,3,4,5

(12)arr.join(‘.‘)           console.log(arr)   //1.2.3.4.5

 

js数组迭代:

(1).map() map为映射的意思;就是对数组中的每一个元素进行处理和操作,返回新的数组,原来的数组不变

var arr=[1,2,3,4,5]

let newArr=arr.map((item)=>

  return item*2

console.log(newArr)       [1,2,3,4,5]    //原数组

console.log(newArr)       [2,4,6,8,10]  //新数组

(2).forEach()  数组中每个元素都执行所提供的函数,没有返回值,直接修改原数组

var arr=[1,2,3,4,5]

let newArr=arr.forEach((item)=>

  return item*2

console.log(arr)       [1,2,3,4,5]    //原数组

console.log(newArr)   undefined //新数组

(3).reduce() reduce就是减少的意思   意思就是把数组中的元素通过某种运算归结为一个值

let arr=[1,2,3,4,5]
const add=arr.reduce((a,b)=>
   return a+b
)   
console.log(add)        //15
(4).filter() filter就是过滤的意思 意思就是将数组中的每一个元素进行条件判断,把满足条件的元素组成一个新数组返回
let arr=[1,2,3,4,5]
const arr1=arr.filter((item)=>
   if(item%2==0)
   return item
)
console.log(arr1)         //2,4

以上是关于js数组常用方法的主要内容,如果未能解决你的问题,请参考以下文章

数组中常用的方法

JS Array中的常用方法

js数组对象常用的方法

Dart 中常用的数组操作方法总结

JS常用的15个操作数组的方法

js数组常用方法