數組方法大全

一、array.length:數組

  • 設置或返回數數組中的元素的個數;
  • 設置length屬性的值來截斷任何數組;

二、Array.isArray():函數

  • 用於肯定傳遞非值是不是一個Array
  • Array.isArray([]) =>  true;
  • Array.isArray({}) =>  false;

四、Array.of():測試

  • Array.of(7) => [7]
  • Array.of(1, 2, 3) => [1, 2, 3]
  • Array(7) => [ , , , , , , ]
  • Array(1, 2, 3) => [1, 2, 3]

五、concat():this

  • 方法用於合併兩個或多個數組,此方法不會更改現有數組,而是返回一個新的數組
  • var arr1 = ['1', '2']
  • var arr2 = ['3', '4']
  • var arr3 = ['5']
  • var arr4 = arr1.concat(arr2, arr3)
  • console.log(arr4) // ['1', '2', '3', '4', '5']   //arr4 is a new array

六、filter():spa

  • 建立一個新數組,其包含經過所提供函數所實現的測試的全部元素
  • var arr = [1, 10, 20, 30]
  • var ber = arr.filter((item) => {})
    • return item > 10
  • // [20, 30]

七、find():對象

  • 返回數組中知足提供的測試函數的第一個元素的值
  • function enf (num) {}
    • return num >= 15
  • [12, 5, 130, 45].find(enf)
  • // 130

八、findIndex():排序

  • 返回數值中知足提供的測試函數的第一個元素的索引
  • function enf (num) {}
    • return num >= 15
  • [12, 5, 130, 44].findIndex(enf)
  • // ‘3’

九、forEach():索引

  • 方法對數組的每個元素執行一次提供的函數
  • array.forEach(callback(currentValue, index, array) {})
    • // do something

十、includes():ip

  • 用來判斷一個數組是否包含一個指定的值,若是是,酌情返回true或false
  • let a = [1, 2, 3]
  • a.includes(2)
  • // true
  • a.includes(4)
  • // false

十一、indexOf():element

  • 返回在數組彙總能夠找到的一個給定元素的第一個索引,若是不存在,則返回-1
  • 當查找的元素在數組中有的話就返回元素在數組中對應的下標位置
  • 若是查找的元素在數組中並無的話就返回-1,全部沒有的、找不到的返回的都是-1

十二、join():

  • 將數組(或一個類數組對象)的全部元素鏈接到一個字符串中
  • let a = [‘1’, ‘2’, ‘3’]
  • a.join(‘,’)
  • // 默認爲「join(‘,’)」, 也能夠直接join()
  • // ‘1, 2, 3’

1三、lastIndexOf():

  • 返回指定元素(也即有效的JavaScript值或變量)在數組中的最後一個的索引,若是不存在則返回-1.從數組的後面向前查找;

1四、map():

  • 建立一個新數組,其結果是該數組中的每個元素都調用一個提供的函數後返回的結果;

1五、pop():

  • 從數組中刪除最後一個元素,並返回該元素的值,此方法會更新數組的長度
  • let a = [1, 2, 3, 4]
  • a.length // 4:是數組的長度
  • a.pop() // 4:是刪除的那個元素

1六、push():

  • 將一個或多個元素添加到數組的末尾;

1七、reverse:

  • 方法將數組中元素的位置顛倒;

1八、shift():

  • 從數組中刪除第一個元素,並返回該元素的值,此方法更新數組的長度;

1九、slice:

  • 返回一個從開始到結束(不包括結束)選擇的數組的一部分淺拷貝到一個新數組對象;

20、sort():

  • 從小到大對數組的元素進行排序,並返回數組;

2一、toLocaleString():

  • 返回一個字符串表示數組中的元素,數組中的元素將使用toLocaleSting方法轉成字符串,這些字符串將使用一個特定語言環境的字符串(例如一個逗號‘,’)隔開:
  • var number = 1337
  • var date = new Date()
  • var myArr = [number, date, 'foo']
  • var str = myArr.toLocaleString()
  • console.log(str)
  • // 輸出‘1, 337, 2017/8/13 下午8:32:24, foo’
  • // 假定運行在中文(zh-CN)環境,北京時區

2二、toString():

  • 返回一個字符串,表示指定的數組及元素;

2三、unshift():

  • 將一個或多個元素添加到數組的開頭,並返回新數組的長度;

2四、copyWithin(target,start, end):

  • 淺拷貝數組的一部分到同一數組中的另外一個位置;

2五、every(callback):

  • 方法測試數組的全部元素是否都經過了指定函數的測試;

2六、fill():

  • 用一個固定值填充一個數組中從起始索引內的所有元素
  • arr.fill(value, start, end)
  • var numbers = [1, 2, 3]
  • numbers.fill(1)
  • //results in [1, 1, 1]

2七、array.from():

  • 對僞數組或可迭代對象(包括argument  Array,map,set,string...)轉換成數組對象;
  • 語法:Array.from(arrayLike), mapFn、thisArg)
  • arrayLike:想要轉換成數組的僞數組對象或可迭代對象;
  • mapFn(可選參數):若是指定了該參數,新數組中的每一個元素會執行該回調函數;
  • thisArg(可選參數):執行回調函數mapFn時this對象;
  • 返回值:一個新的數組實例;

2八、copyWithin(target,start,end):

  • 淺拷貝數組的一部分到同一數組中的另外一個位置

2九、every(callback):

  • 方法測試數組的全部元素是否都經過了指定函數的測試;

30、reduce():

  • 累加器和數組中的每一個元素(從左到右)應用一個函數
  • var total = [0, 1, 2, 3].reduce(function (sum, value) {}, 0)
    • return sum + value
  • // total is 6

3一、reduceRight():

  • 接收一個函數做爲累加器和數組的每個值(從右到左)將其減小爲單個值
  • let  flattened = [[0, 1], [2, 3], [4, 5]].reduceRight((a, b) => {}, [])
    • return a.concat(b)

3二、some():

  • 測試數組中的某些元素是否經過由提供的函數實現的測試
  • const isBiggerThen10 = (element, index, array) => {}
    • return element > 10
  • [2, 5, 8, 1, 4].some(isBiggerThen10)
  • // false
  • [12, 5, 8, 1, 4].some(isBiggerThen10)
  • // true
相關文章
相關標籤/搜索