數(shù)組常用 API

duan199226 發(fā)布于2019-08-26 17:41 / 2648人閱讀

摘要：，也不會(huì)出來(lái)接受兩個(gè)參數(shù)，回調(diào)函數(shù)和回調(diào)函數(shù)的第一個(gè)參數(shù)可選回調(diào)函數(shù)接受四個(gè)參數(shù)回調(diào)函數(shù)的返回值處理結(jié)果或者的第二個(gè)參數(shù)正在處理的元素正在處理元素的索引調(diào)用的數(shù)組。

數(shù)組常用 api 介紹

split()：拆分字符串變成數(shù)組（對(duì)字符串操作）
join() ：合并數(shù)組變成字符串（對(duì)數(shù)組操作）
concat()：連接兩數(shù)組
splice(begin,deleteCount,insert)：拼接
splic(begin,end)：截取[begin,end)
sort(callball(value1,value2))：排序
resever()：反序
filter(callback(currentValue,index))：篩選
map(callback(currentValue,index))：遍歷，有返回值，和forEach類(lèi)似
forEach(callback(currentValue,index))：遍歷，沒(méi)有返回值
reduce(callback(array,currentValue,index)[,array])：累計(jì)處理
arguments：在函數(shù)內(nèi)部使用，將函數(shù)的參數(shù)變成偽數(shù)組（不能用數(shù)組的 api）
[].indexOf.call(偽數(shù)組,偽數(shù)組內(nèi)的元素)：找到對(duì)應(yīng)偽數(shù)組內(nèi)的元素的下標(biāo)

例子 sort排序：如果value1 < value2返回-1，升序排列；返回1，降序排列

var arr = [1,5,4,3,2,6,7]
arr.sort((value1,value2) => {
    if(value1 < value2){
        return -1    //升序
    }else if(value1 > value2){
        return 1    //降序
    }else{
        return 0
    }
})

filter篩選數(shù)組，接受一個(gè)回調(diào)函數(shù)，回調(diào)函數(shù)的參數(shù)value、index(可選)、array(可選)

let arr = [1,2,3,4,5,6,7,8,9]
arr.filter((value,index) =>{
  console.log(index)
  return value > 5    //篩選條件
})

let fruits = ["apple", "banana", "grapes", "mango", "orange"];
function find(element){
    return fruits.filter((e)=>{
        return e.indexOf(element) >= -1    //indexOf查到元素，找到返回元素的索引
    })
}
find("ap") //["apple","grapes"]

map和forEach之間的區(qū)別是：map有返回值，forEach沒(méi)有返回值；要forEach能返回值出來(lái)，在它內(nèi)部定義一個(gè)變量存儲(chǔ)遍歷的值就可以了。

var a = [1,2,3,4]
a.map(e => e*2)    //[1,4,6,8]
a.forEach(e => e*2)    //undefined， return 也不會(huì)出來(lái)

reduce接受兩個(gè)參數(shù)，回調(diào)函數(shù)和回調(diào)函數(shù)的第一個(gè)參數(shù)（可選）；回調(diào)函數(shù)接受四個(gè)參數(shù)：1、回調(diào)函數(shù)的返回值（處理結(jié)果）或者reduce的第二個(gè)參數(shù)；2、正在處理的元素；3、正在處理元素的索引；4、調(diào)用reduce的數(shù)組。

如果reduce接收第二個(gè)參數(shù)，那么回調(diào)函數(shù)的第一個(gè)參數(shù)就是它（如去重，運(yùn)行邏輯是把待處理數(shù)組的每一項(xiàng)處理后在一個(gè)個(gè)push進(jìn)去，是加的過(guò)程）；如果沒(méi)有第二個(gè)參數(shù)，那么回調(diào)函數(shù)的第一個(gè)參數(shù)就是待處理數(shù)組的第一項(xiàng)（如摧毀數(shù)組，運(yùn)行邏輯是把待處理數(shù)組直接拿過(guò)來(lái)集中處理，是減的過(guò)程）。

//去重：把待處理數(shù)組的每一項(xiàng)處理后在一個(gè)個(gè)`push`進(jìn)去，是加的過(guò)程
var a = [1,2,3,2,4,5,3,1]
a.sort().reduce((arr,currentValue) => {
  if(arr.length === 0 || arr[arr.length-1] !== currentValue){
    arr.push(currentValue)
  }
  return arr
},[])    //[1,2,3,4,5]

//摧毀數(shù)組：把待處理數(shù)組直接拿過(guò)來(lái)集中處理，是減的過(guò)程
function destroyer(arr) {
    return [].slice.call(arguments).reduce((current,next) =>{
        return current.filter((e) => {
            return e !== next
        })
    })
}
destroyer([1, 2, 3, 1, 2, 3], 2, 3);    //[1,1]

arguments雖然不是數(shù)組，但可以將它轉(zhuǎn)變成真正的數(shù)組，下面是兩種方法

function array(arr){
    console.log(arr)    //[1,2,3,4,5]，注意是一個(gè)偽數(shù)組，不能用數(shù)組的方法
}
array(1,2,3,4,5)

var args = Array.prototype.slice.call(arguments);
var args = [].slice.call(arguments);