JS入门之数组（上）

数组的含义： 值的有序集合，每个值叫做一个元素，每元素在数组中都有一个位置，以数字表示，称为下标(索引)

一、定义数组：

1. 声明一个数组

var arr = [];
var arr = [, ,] // 两个undefined
var arr = [1, 2, 3, 4]; // (4)[1, 2, 3, 4]
var arr2 = new Array(4); // (4)[empty × 4] // 长度
var arr3 = new Array(1, 2, 3, 4); // (4)[1, 2, 3, 4]
var arr = new Array(1, 2, 'string', {x: 1})

2. 数组的长度 (可读可写)

var arr = [1, 2, 3, 4, 5];
console.log(arr.length); // 5;
// 修改原数组长度
arr.length = 3;
console.log(arr.length); // 3;
console.log(arr); // [1, 2, 3];

二、数组方法

1. Array.join() 数组转为字符串
   // 参数： 拼接符 默认为逗号
   将数组中所有元素都转化为字符串并连接在一起，返回最后生成的字符串

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

2. String.split() 字符串转数组
   参数： 分隔符 默认不分割

var str = 'abc';
console.log(str.split()); // ['abc'];
console.log(str.split('')); // ['a', 'b', 'c'];

3. Array.reverse() 将数组中的元素倒序
   改变原数组

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

4. Array.sort();元素排序
   改变原数组

Array.sort(function (a, b) {
return a - b; // 从小到大
return b - a; // 从大到小
});

5. Array.concat() 拼接数组
   创建并返回一个新数组
   不会改变原数组

var arr = [1, 2, 3]
console.log(arr.concat([1,2,3], 34));
//[1, 2, 3, 1, 2, 3, 34]

6. Array.toString() 将其每个元素转化为字符串
   如有必要将调用元素的toString()方法
   并且输出用逗号分隔的字符串列表
   与不使用任何参数调用join()方法返回的字符串是一样的

        var arr = [1, 5, 2, 3, 6, 9];
        console.log(arr.toString());
        //1,5,2,3,6,9

7. Array.slice(); 截取数组的方法
   起始下标 <= 范围 < 结束下标
   同字符串套路
   不会改变原数组

var arr1 = [1, 2, 3, 5, 'a', 'b', 2, 5];
console.log(arr1.slice(1, 3));
console.log(arr1);
//[2, 3]
//[1, 2, 3, 5, "a", "b", 2, 5]

8. Array.splice();截取数组的方法
   第一个参数： 起始下标
   第二个参数： 删除的个数
   第三个参数..... : 需要插入的元素

var arr1 = [1, 2, 3, 5, 'a', 'b', 2, 5];
console.log(arr1.splice(1, 0, '1', '2', '3'));
console.log(arr1);
//[]
//[1, "1", "2", "3", 2, 3, 5, "a", "b", 2, 5]

9. Array.unshift()
   从前面添加元素
   返回数组的长度

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

10. Array.shift()
    删除前面元素
    返回删除的元素

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

11. Array.push()
    从末尾添加元素
    返回长度

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

12. Array.pop()
    删除末尾元素
    返回删除的元素

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

栈方法：后进先出（汽车开进死胡同）

push() + pop()

队列方法 （先进先出）

1). 在数组的末端添加项，从数组的前端删除项
push() + shift()

1). 在数组的前端添加项，从列表的末端删除项
unshift() + pop()