js 學習三 Array

1.數組的長度

var sequence = [1, 1, 2, 3, 5, 8, 13];
sequence .length  //7

2.字符串轉換成數組 string.split()

var myData = 'Manchester,London,Liverpool';
var myArray = myData.split(','); //["Manchester", "London", "Liverpool"]

3.數組轉字符串
Array.join( ) 按照 指定的符號轉換成字符串 默認是按照 ','轉換成字符串
Array.toString() 返回表示指定數組及其元素的字符串

var myArray=["Manchester", "London", "Liverpool"]
var myNewString = myArray.join(',');
myNewString; //"Manchester, London, Liverpool"
var array1 = [1, 2, 'a', '1a'];
array1.toString()  // "1,2,a,1a"

4添加數組元素
Array.push(）將一個或多個元素添加到數組的末尾，並返回數組的新長度。
Array.unshift()方法將一個或多個元素添加到數組的開頭，並返回數組的新長度。

var animals = ['pigs', 'goats', 'sheep'];
animals.push('cows');//4
animals;  // ["pigs", "goats", "sheep", "cows"]

var array1 = [1, 2, 3];
array1.unshift(4, 5);// 5
array1;//[4, 5, 1, 2, 3]

5.刪除數組元素
Array.pop() 從數組中刪除最後一項
Array.shift()從數組中刪除第一個元素並返回已刪除的元素。此方法更改數組的長度。

var animals = ['pigs', 'goats', 'sheep'];
animals .pop(); //"sheep"
animals ;["pigs", "goats"]

var array1 = [1, 2, 3];
var firstElement = array1.shift();
array1; //[2, 3]
firstElement;//1

6.Array.isArray()
判斷是不是數組 是返回true;不然false就是。

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

7Array.prototype.concat（）
合併兩個或多個數組。此方法不會更改現有數組，而是返回一個新數組。

var array1 = ['a', 'b', 'c'];
var array2 = ['d', 'e', 'f'];
array1.concat(array2);// ["a", "b", "c", "d", "e", "f"]

8 Array.prototype.filter（）
array.filter()提供函數實現的測試的全部元素。true的保留

var words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];
const result = words.filter(word => word.length > 6);
result；// ["exuberant", "destruction", "present"]

刪除值小於10的全部元素
function isBigEnough(value) {
  return value >= 10;
}
var filtered = [12, 5, 8, 130, 44].filter(isBigEnough);
// filtered is [12, 130, 44]

根據搜索條件過濾數組內容
const fruits = ['apple', 'banana', 'grapes', 'mango', 'orange'];

const filterItems = (query) => {
  return fruits.filter(el => el.toLowerCase().indexOf(query.toLowerCase()) > -1);
};
console.log(filterItems('ap')); // ['apple', 'grapes']
console.log(filterItems('an')); // ['banana', 'mango', 'orange']

9.Array.keys()
獲取數組的key 鍵迭代器不會忽略漏洞

var arr = ['a', , 'c'];
var sparseKeys = Object.keys(arr);
var denseKeys = [...arr.keys()];
sparseKeys; // ['0', '2']
denseKeys;  // [0, 1, 2]

10.Array.indexOf();
indexOf()方法返回可在數組中找到給定元素的第一個索引，若是不存在，則返回-1。

var beasts = ['ant', 'bison', 'camel', 'duck', 'bison'];
beasts.indexOf('bison');//1
beasts.indexOf('bison', 2);//4
beasts.indexOf('giraffe');//-1

11.Array.map()
map()方法建立一個新數組，其結果是在調用數組中的每一個元素上調用提供的函數。

var array1 = [1, 4, 9, 16];
const map1 = array1.map(x => x * 2);
map1;//[2, 8, 18, 32]

12 Array.reverse()
reverse()方法將陣列反轉。第一個數組元素成爲最後一個，最後一個數組元素成爲

const a = [1, 2, 3,4];
a; // [1, 2, 3,4]
a.reverse();
a; // [4,3, 2, 1]

13 Array.slice()
slice()方法返回一個陣列的一部分的一個淺拷貝到選自新的數組對象begin到end（end不包括）。原始數組不會被修改。

var animals = ['ant', 'bison', 'camel', 'duck', 'elephant'];
animals.slice(2);//  ["camel", "duck", "elephant"]
animals.slice(2, 4);//  ["camel", "duck"]
animals.slice(1, 5);// ["bison", "camel", "duck", "elephant"]