JS復習筆記--Array

創(chuàng)建一個數(shù)組的方式

let arr = ['one', 'two'];
let arr = new Array();

通過索引 (訪問/添加) 數(shù)組元素

let arr = ['one', 'two'];
console.log(arr[1]);  // two

let arr[2] = 'three';
console.log(arr[2]); // three

修改數(shù)組

• arr.push(): 將一個元素插入到數(shù)組后面值桩，并返回插入位置的索引值

  let arr = ['one', 'two', 'three']
  let newArr = arr.push('four');  // ['one', ... ,'four']  newArr: 4
  

• arr.pop(): 將數(shù)組的最后一個元素刪除，并返回

  let arr = ['one', 'two', 'three']
  let newArr = arr.pop()
  

遍歷數(shù)組

• every(fun): 遍歷數(shù)組锈候，直到返回一個false，否則返回turn

    arr.every(function(element, index, array) {
      return element > 10      //返回turn 或  false
    })
  

• fill(value, start, end) 參數(shù)可選 :用一個固定值填充一個數(shù)組中從起始索引到終止索引內的全部元素.
  • value: 用來填充的值
  • start: 起始索引宦芦，默認為0
  • end: 終止索引径筏，默認值為this.lenght

    var numbers = [1, 2, 3]
    numbers.fill(1);
  
    // results in [1, 1, 1]
  

• forEach(element, index, array) 方法對數(shù)組的每個元素執(zhí)行一次提供的函數(shù)。

    let a = ['a', 'b', 'c'];
  
    a.forEach(function(element) {
        console.log(element);
    });
  
    // a
    // b
    // c
  

• filter() 方法創(chuàng)建一個【新數(shù)組】糠悼，其包含通過所提供函數(shù)實現(xiàn)的測試的所有元素。

    function bigTen(value) {
      return value >= 10;
    }
  
    var filtered = [12, 5, 8, 130, 44].filter(bigTen);
    // filtered is [12, 130, 44]
  
    // ES6 way
    const bigTen = (value) => {value >= 10;}
  
    let [...spraed]= [12, 5, 8, 130, 44];
  
    let filtered = spraed.filter(bigTen);
  
    // filtered is [12, 130, 44]
  

• findIndex(element, index, array) 返回數(shù)組中滿足提供的測試函數(shù)的第一個元素的索引浅乔，否則返回 -1

    function isBigEnough(element) {
      return element >= 15;
    }
  
    [12, 5, 8, 130, 44].findIndex(isBigEnough); 
    // index of 4th element in the Array is returned,
    // so this will result in '3'
  

• find(element, index, array) 返回數(shù)組中滿足提供測試函數(shù)的第一個元素的值倔喂，否則返回 undefined
  • find 方法不會改變數(shù)組。

 function isBigEnough(element) {
   return element >= 15;
 }

 [12, 5, 8, 130, 44].find(isBigEnough); // 130

方法

Array.from()方法從一個類似數(shù)組或可迭代的對象中創(chuàng)建一個新的數(shù)組實例靖苇。

  const bar = ["a", "b", "c"];
  Array.from(bar);
  // ["a", "b", "c"]

  Array.from('foo');
  // ["f", "o", "o"]

Array.isArraay() 用于確定傳遞的值是否是一個Array席噩。

  Array.isArray([1, 2, 3]);  
  // true
  Array.isArray({foo: 123}); 
  // false
  Array.isArray("foobar");   
  // false
  Array.isArray(undefined);  
  // false

Array.of()方法創(chuàng)建一個具有可變數(shù)量參數(shù)的新數(shù)組實例，不考慮參數(shù)的數(shù)量或類型贤壁。

  Array.of(1);         // [1]
  Array.of(1, 2, 3);   // [1, 2, 3]
  Array.of(undefined); // [undefined]

  兼容:
  if(!Array.of) {
    Array.of = function () {
      return Array.prototype.slice.call(arguments);
    }
  }

concat() 方法用于合并兩個或者多個數(shù)組悼枢，【此方法不會更改現(xiàn)有數(shù)組，而是返回一個新的數(shù)組】

  var arr1 = ['a', 'b', 'c'];
  var arr2 = ['d', 'e', 'f'];

  var arr3 = arr1.concat(arr2);

  // arr3 is a new array [ "a", "b", "c", "d", "e", "f" ]

未完 ····