js-数组

一、数组元素的增、删以及翻转

1. 头部增添元素：数组名.unshift()

2. 尾部增添元素：数组名.push()

3. 头部删除元素：数组名.shift()

4. 尾部删除元素：数组名.pop()

5. 数组的翻转：数组名.reverse()

// 1. unshift()
var arr = [1, 2, 3];
arr.unshift(0); // [0, 1, 2, 3]
console.log(arr.push('yellow')); //5

// 2. push()
var arr = [1, 2, 3];
arr.push(4); // [1, 2, 3, 4]
console.log(arr.push('green')); //5

// 3. shift()
var arr = ['red', 1, 2, 3];
arr.shift(); // [1, 2, 3]
console.log(arr.shift()); //1

// 4. pop()
var arr = [1, 2, 3, 'yellow'];
arr.pop(); // [1, 2, 3]
console.log(arr.pop()); //3

// 5. reverse()
var arr = [1, 2, 3, 4, 5];
console.log(arr.reverse()); // [5, 4, 3, 2, 1]

二、检测数组元素下标、数组排序

1.  数组名.indexOf(元素名)

2. 数组名.lastIndexOf(元素名)  -- 从后往前

3. 数组名.sort(function() {})

var arr = ['red', 'green', 'yellow', 'red'];

console.log(arr.indexOf('red')); // 0
console.log(arr.indexOf('blue')); // -1 (找不到时)

console.log(arr.lastIndexOf('red')); // 3
console.log(arr.lastIndexOf('blue')); // -1 (找不到时)

var arr = [5, 2, 1, 7, 9, 6, 23];
arr.sort(function(a, b) {
    return a - b;
})
console.log(arr); // [1, 2, 5, 6, 7, 9, 23]

arr.sort(function(a, b) {
    return b - a;
})
console.log(arr); // [23, 9, 7, 6, 5, 2, 1]

三、数组转化为字符转、判断是否为数组

方法：判断是否为数组：

1. Array.isArray(名)

2. 名 instanceof Array

var arr = [1, 2, 3];
console.log(Array.isArray(arr)); // true
console.log(arr instanceof Array); //true

var str = 'abc';
console.log(Array.isArray(str)); //false
console.log(str instanceof Array); //false

方法：数组转化为字符串

1. 数组名.toString()

2. 数组名.join(符号)

var arr = ['I', 'Love', 'You'];
console.log(arr.toString()); // I,Love,You
console.log(arr.join('&')); // I&Love&You

四、数组的链接以及截取

1. 数组名.concat(数组名1, 数组名2, ...)  -- 链接多个数组

2. 数组名.slice(起始位置, 末位置) -- 截取

3. 数组名.splice(起始位置, 删除的个数)   ----(注意：会改变原数组)

// 1. concat
var arr1 = [1, 2, 3];
var arr2 = ['red', 'yellow'];
var arr3 = ['end'];
console.log(arr1.concat(arr2, arr3)); // [1, 2, 3, 'red', 'yellow', 'end']

// 2. slice
var arr = ['red', 'green', 'yellow', 'blue'];
console.log(arr.slice(1,3)); // ['green', 'yellow'];
console.log(arr); // ['red', 'green', 'yellow', 'blue']

// 3. splice
var arr = ['red', 'green', 'yellow', 'blue'];
console.log(arr.splice(1,2)); // ['green', 'yellow']
console.log(arr); // ['red', 'blue'];