簡(jiǎn)單的說一下數(shù)組一些最基本的知識(shí)跟用法
1.數(shù)組的定義
? 定義： 值的(有序集合)么抗，每個(gè)值叫做一個(gè)元素远荠，每元素在數(shù)組中都有一個(gè)位置赘那，以數(shù)字表示刑桑，稱為下標(biāo)(索引)
? JavaScript數(shù)組是無類型的： 數(shù)組可以是任意類型，并且同一個(gè)數(shù)組中的不同元素也可能有不同的類型
2.創(chuàng)建數(shù)組
? 數(shù)組直接量
var arr = [];
var arr = [, ,] // 兩個(gè)undefined
? 調(diào)用構(gòu)造函數(shù)創(chuàng)建數(shù)組
var arr = new Array() // 創(chuàng)建一個(gè)空數(shù)組
var arr = new Array(10)// 創(chuàng)建一個(gè)長(zhǎng)度為10的數(shù)組
var arr = new Array(1, 2, 'string', {x: 1})
? 數(shù)組的長(zhǎng)度
arr.length
可通過設(shè)置length刪除數(shù)組尾部元素'3'
var arr = [1, 2, 3];
arr.length = 2; // [1, 2]
- 轉(zhuǎn)為字符串
? Array.toString();
將數(shù)組轉(zhuǎn)化為字符串募舟，每一項(xiàng)元素用逗號(hào)隔開
var arr = [2,3,4,5,6,7];
console.log(arr.toString()); //2,3,4,5,6,7
4.數(shù)組的方法
? Array.join()
將數(shù)組中所有元素都轉(zhuǎn)化為字符串并連接在一起祠斧，返回最后生成的字符串，默認(rèn)使用逗號(hào)拼接
var arr = [2,4,5,6,9,8,1]
console.log(arr.join()); //2,4,5,6,9,8,1
? Array.reverse()
將數(shù)組中的元素倒序
改變?cè)瓟?shù)組
var arr = [1,2,3,4,5,6,7,8]
console.log(arr.reverse()); //[8, 7, 6, 5, 4, 3, 2, 1]
? Array.sort();
元素排序
改變?cè)瓟?shù)組
var arr=[8,4,4,56,3,2,5]
arr.sort(function (a,b) {
return a-b
});
console.log(arr) //[2, 3, 4, 4, 5, 8, 56]
var arr=[8,4,4,56,3,2,5]
arr.sort(function (a,b) {
return b-a
});
console.log(arr) //[56, 8, 5, 4, 4, 3, 2]
? Array.concat()
創(chuàng)建并返回一個(gè)新數(shù)組
數(shù)組的截取方法
var arr = [2,3,4,5,6];
console.log(arr.concat(9)); // [2, 3, 4, 5, 6, 9]
console.log(arr.concat('9')); // [2, 3, 4, 5, 6, "9"]
? Array.slice(); 同字符串套路
不會(huì)改變?cè)瓟?shù)組
var arr = [3,4,5,6,7,8,9]
直傳一個(gè)參數(shù)的時(shí)候截取到下標(biāo)對(duì)應(yīng)數(shù)組的位置拱礁，包含當(dāng)前并一直往后
console.log(arr.slice(3)); //[6,7,8,9]
直傳一個(gè)參數(shù)為負(fù)數(shù)的時(shí)候從后往前截取到下標(biāo)所對(duì)應(yīng)的位置琢锋，包含當(dāng)前
console.log(arr.slice(-2)); //[8,9]
傳兩個(gè)參數(shù)第一個(gè)截取從下表所對(duì)應(yīng)為位置截取到第二個(gè)下標(biāo)所對(duì)應(yīng)的位置
console.log(arr.slice(2,-2)); //[5, 6, 7]
console.log(arr.slice(-3,5)); //[7]
? Array.splice();
第一個(gè)參數(shù)： 起始下標(biāo)
第二個(gè)參數(shù)： 刪除的個(gè)數(shù)
第三個(gè)參數(shù)..... : 需要插入的元素
var arr = [3,4,5,6,7,8,9]
console.log(arr.splice(3,1,15));
console.log(arr); //[3, 4, 5, 15, 7, 8, 9]
5.數(shù)組的棧方法與隊(duì)列方法
? Array.unshift()
從前面添加元素
var arr = [2,3,4,5,7];
console.log(arr.unshift(4)); //6
console.log(arr); // [4, 2, 3, 4, 5, 7]
? Array.shift()
刪除前面元素
var arr = [2,3,4,5,7];
console.log(arr.shift()); //2
console.log(arr); // [3, 4, 5, 7]
? Array.push()
從末尾添加元素
返回長(zhǎng)度
var arr = [2,3,4,5,7];
console.log(arr.push(4)); //6
console.log(arr); //[2, 3, 4, 5, 7, 4]
? Array.pop()
刪除元素的方法
var arr = [3,4,5,7,9]
console.log(arr.pop()); //9
? Array.pop()
刪除末尾元素
棧方法：后進(jìn)先出（汽車開進(jìn)死胡同）
? push() + pop()
隊(duì)列方法 （先進(jìn)先出）
在數(shù)組的末端添加項(xiàng)，從數(shù)組的前端刪除項(xiàng)
? push() + shift()
在數(shù)組的前端添加項(xiàng)呢灶，從列表的末端刪除項(xiàng)
? unshift() + pop()
6.ES5的數(shù)組遍歷方法
? 1. Array.forEach() （遍歷）
從頭到尾遍歷數(shù)組（只能通過try/catch終止循環(huán)）
不改變?cè)瓟?shù)組
第一個(gè)參數(shù)： 元素
第二個(gè)參數(shù)： 下標(biāo)
第三個(gè)元素： 原數(shù)組
? 2. Array.map(); (映射)
返回新數(shù)組吴超，不改變?cè)瓟?shù)組
要有return 返回被加工后的新元素
? 3. Array.filter() 過濾
返回滿足條件的元素組成的新數(shù)組
return 條件; // 元素是否滿足你定義的條件
? 4. Array.every() 和 Array.som()
every()：每一項(xiàng)都返回true，則返回true
some(): 某一項(xiàng)返回ture鸯乃，則返回true
? 5. reduce()和reduceRight()
使用指定的函數(shù)將數(shù)組元素進(jìn)行組合鲸阻，生成單個(gè)值
reduce()：從數(shù)組的第一項(xiàng)開始，逐個(gè)遍歷到最后一個(gè)
reduceRight() 則從數(shù)組的最后一項(xiàng)開始缨睡，向前遍歷到第一項(xiàng)
