JavaScript數(shù)組常用操作技巧

var array0 = []; // 字面量
var array1 = new Array(); // 構(gòu)造器
// 注意：在IE6/7/8下是不支持Array.isArray方法的
alert(Array.isArray(array0));
// 考慮兼容性，可使用
alert(array1 instanceof Array);
// 或者
alert(Object.prototype.toString.call(array1) === '[object Array]');

// join - 由數(shù)組轉(zhuǎn)換為字符串，使用join
console.log(['Hello', 'World'].join(',')); // Hello,World
// split - 由字符串轉(zhuǎn)換為數(shù)組，使用split
console.log('Hello World'.split(' ')); // ["Hello", "World"]

// indexOf - 查找元素
console.log(['abc', 'bcd', 'cde'].indexOf('bcd')); // 1
// 
var objInArray = [
 {
 name: 'king',
 pass: '123'
 },
 {
 name: 'king1',
 pass: '234'
 }
];
console.log(objInArray.indexOf({
 name: 'king',
 pass: '123'
})); // -1
var elementOfArray = objInArray[0];
console.log(objInArray.indexOf(elementOfArray)); // 0

var array1 = [1, 2, 3];
var array2 = [4, 5, 6];
var array3 = array1.concat(array2); // 實(shí)現(xiàn)數(shù)組連接之后，會(huì)創(chuàng)建出新的數(shù)組
console.log(array3);

// push/pop/shift/unshift
var array = [2, 3, 4, 5];
// 添加到數(shù)組尾部
array.push(6);
console.log(array); // [2, 3, 4, 5, 6]
// 添加到數(shù)組頭部
array.unshift(1);
console.log(array); // [1, 2, 3, 4, 5, 6]
// 移除最后一個(gè)元素
var elementOfPop = array.pop();
console.log(elementOfPop); // 6
console.log(array); // [1, 2, 3, 4, 5]
// 移除第一個(gè)元素
var elementOfShift = array.shift();
console.log(elementOfShift); // 1
console.log(array); // [2, 3, 4, 5]

var nums = [1, 2, 3, 7, 8, 9];
nums.splice(3, 0, 4, 5, 6);
console.log(nums); // [1, 2, 3, 4, 5, 6, 7, 8, 9] 
// 緊接著做刪除操作或者提取新的數(shù)組
var newnums = nums.splice(3, 4);
console.log(nums); // [1, 2, 3, 8, 9]
console.log(newnums); // [4, 5, 6, 7]

// 反轉(zhuǎn)數(shù)組
var array = [1, 2, 3, 4, 5];
array.reverse();
console.log(array); // [5, 4, 3, 2, 1]
我們先對(duì)字符串元素的數(shù)組進(jìn)行排序
var arrayOfNames = ["David", "Mike", "Cynthia", "Clayton", "Bryan", "Raymond"];
arrayOfNames.sort();
console.log(arrayOfNames); // ["Bryan", "Clayton", "Cynthia", "David", "Mike", "Raymond"]

// 如果數(shù)組元素時(shí)數(shù)字類型，sort()方法的排序結(jié)果就不能讓人滿意了
var nums = [3, 1, 2, 100, 4, 200];
nums.sort();
console.log(nums); // [1, 100, 2, 200, 3, 4]

var compare = function(num1, num2) {
 return num1 > num2;
};
nums.sort(compare);
console.log(nums); // [1, 2, 3, 4, 100, 200]
var objInArray = [
 {
 name: 'king',
 pass: '123',
 index: 2
 },
 {
 name: 'king1',
 pass: '234',
 index: 1
 }
];
// 對(duì)數(shù)組中的對(duì)象元素，根據(jù)index進(jìn)行升序
var compare = function(o1, o2) {
 return o1.index > o2.index;
};
objInArray.sort(compare);
console.log(objInArray[0].index < objInArray[1].index); // true

var nums = [2, 4, 6, 8];
// 不生成新數(shù)組的迭代器方法
var isEven = function(num) {
 return num % 2 === 0;
};
// 如果都是偶數(shù)，才返回true
console.log(nums.every(isEven)); // true
some方法也接受一個(gè)返回值為布爾類型的函數(shù)，只要有一個(gè)元素使得該函數(shù)返回true，該方法就返回true。
var isEven = function(num) {
 return num % 2 === 0;
};
var nums1 = [1, 2, 3, 4];
console.log(nums1.some(isEven)); // true

var up = function(grade) {
 return grade += 5;
}
var grades = [72, 65, 81, 92, 85];
var newGrades = grades.ma

var isEven = function(num) {
 return num % 2 === 0;
};
var isOdd = function(num) {
 return num % 2 !== 0;
};
var nums = [];
for (var i = 0; i < 20; i++) {
 nums[i] = i + 1;
}
var evens = nums.filter(isEven);
console.log(evens); // [2, 4, 6, 8, 10, 12, 14, 16, 18, 20] 
var odds = nums.filter(isOdd);
console.log(odds); // [1, 3, 5, 7, 9, 11, 13, 15, 17, 19]