javascript中数组的常用方法

1.join()方法：将数组中的元素转换成字符串,并连接在一起

例： var  a = ['a','b','c','d']        var res = a.join("-")     返回值res = "a-b-c-d"

 

2.reverse()方法：将数组中元素倒序排列

例：var a = ['K','J','H','G']     var res = a.reverse()      返回值 res = G,H,J,K

 

3.sort()方法：将数组中的元素排序并返回

例：var a = [100，55，88，1000]   var res = a.sort()     返回值 res = 100,1000,55,88   

按照数字顺序排序需要设置函数进行比较

var res = a.sort(function(a,b){

   return a - b

})

返回值： res = [55,88,100,1000]

注意点：如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。要实现这一点，首先应把数组的元素都转换成字符串（如有必要），以便进行比较。

 

4.concat()方法：将多个数组进行连接，返回新的数组

例：var a = ['a','b','c']   var b = ['d','e','f']  var c = a.concat(b)      返回值 c = ['a','b','c','d','e','f']

 

5.slice()方法：从已有的数组中选出指定的元素。 参数一:规定从何处开始选取  参数二：规定从何处结束

例： var a = ['java','c++','javascript','php','c#']  var res = a.slice(2,3)  返回值 res = javascript

注意点：不设置参数二时，从规定的开始位置一直到结尾处的所有元素都返回。如果参数一和二为负数时，从a数组右侧开始算起，如-1为c#，-2为php。

 

6.splice()方法：在数组中插入或者删除元素，参数一：规定添加或者删除元素的索引位置  参数二：需要删除元素的数量，不设置或者为0时，不删除元素  参数三：添加新的元素到数组中，添加的位置根据第一个参数而定

例：var a = ['语文','数学','英语']   var res = a.splice(1,2,'生物')    返回值 res = '数学,语文'   a数组变为 a = ['语文','生物']

注意点：该方法会修改调用的数组，参数一可以为负数。

 

7.push和pop方法：在数组的尾部添加或删除新元素

例：var a = []   a.push(1,2)  a = [1,2]    a.pop()  a = [1]

 

8.unshift和shift方法：在数组的头部添加或删除元素

例：var a = []     a.unshift(1,2)  a = [1,2]   a.shift()  a = [2]

 

9.toString方法：将数组中的每个元素转化成字符串

例：var a = ['aaa','bbb','ccc','ddd']     a.toString()   a = 'aaa,bbb,ccc,ddd'

 

10.forEach方法：用于遍历数组中的元素，可以传递一个函数参数,函数中可以有3个参数，参数一：数组元素，元素索引，数组本身

例：该实例使用forEach循环给数组的每个元素自增一

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

 data .forEach(v,i,data){

    data[i] = v+1

}

返回结果 data = [2,3,4,5,6] 

 

11.map方法：将数组中的元素传递给指定的函数中，并返回新数组

例： 该实例使用map函数计算乘积

 var a = [1,2,3]
   var data = [1,2,3,4]  
   var res = data.map(function(v){
     return v*v
   }) 
 

返回结果  res = [1,4,9,16]

 

12.filter方法：用于过滤数组中的元素，并返回新数组

例：该实例使用filter过滤大于3的元素
   var data = [1,2,3,4]  
   var res = data.filter(function(v){

      return  v > 3

   }) 
返回结果 res = [4]

注意点：filter方法返回的数组必须是元素的子集，filter不会对空数组进行检测

 

13.every和some方法：用函数判断数组中的元素，并返回true或false

例：判断数组中的元素是否都小于6

   var data = [1,2,3,4,5]  
   var res = data.every(function(v){
       return v<6
   }) 

返回结果 res = true

   var  res = data.some(function(v){

      return v%2===0

})

返回结果 res = true

注意点：every判断时，当且仅当元素值都满足条件才返回true。some判断时，当且仅当元素值都不满足时才返回false。

 

14.indexOf和lastIndexOf方法：用于在数组中搜索给定值的元素，并返回第一次找到的元素索引，如果没有找到则返回-1。indexof查找时从头（从左到右），lastIndexOf查找时从尾（从右到左）

例：var a  = [1,2,3,2,5]

var res = a.indexOf(2)

var res2 = a.lastIndex(2)

返回结果：res = 1  res2 = 3

 

这些就是JavaScript中常用的方法，希望对大家有帮助，切记这些方法是可以相互结合使用的，多学多练即可融汇贯通，觉得文章对你有帮助的话，记得点赞 收藏 关注呦 😄