Javascript学习笔记--数组

此文为学习中查漏补缺，方便遗忘时查阅

数组相关操作

var arr = [1, 2, 3];

//javascript中数组对于越界处理，填充undefined
arr.length; // 3
arr.length = 6;// arr变为[1, 2, 3, undefined, undefined, undefined]
arr.length = 2;//arr变为[1, 2]

arr[1] = 12; // arr变为[1, 12]
arr[3] = 'x'; // arr变为[1, 12, undefined, 'x']

arr.indexOf('x'); // 元素x的索引为3
arr.indexOf('xxxx'); // 没有找到元素xxxx，返回-1
arr.indexOf('1'); // 没有找到元素'1'，返回-1,这里注意区分’1‘和1

//
//1.slice操作都是返回一个新Array
var arr = ['A', 'B', 'C', 'D', 'E', 'F', 'G'];
arr.slice(0, 3); // 从索引0开始，到索引3结束，但不包括索引3: ['A', 'B', 'C']
arr.slice(3); // 从索引3开始到结束: ['D', 'E', 'F', 'G']
var aCopy = arr.slice();
aCopy; // ['A', 'B', 'C', 'D', 'E', 'F', 'G']
aCopy === arr; // false

//2.push(Array末尾添加元素)和pop(Array末尾删除元素)
var arr = [1, 2];
arr.push('A', 'B'); // 返回Array新的长度: 4
arr; // [1, 2, 'A', 'B']
arr.pop(); // pop()返回'B'
arr; // [1, 2, 'A']
arr.pop(); arr.pop(); arr.pop(); // 连续pop 3次
arr; // []
arr.pop(); // 空数组继续pop不会报错，而是返回undefined
arr; // []

//3.unshift(Array头部添加元素)和shift(Array头部删除元素)
var arr = [1, 2];
arr.unshift('A', 'B'); // 返回Array新的长度: 4
arr; // ['A', 'B', 1, 2]
arr.shift(); // 'A'
arr; // ['B', 1, 2]
arr.shift(); arr.shift(); arr.shift(); // 连续shift 3次
arr; // []
arr.shift(); // 空数组继续shift不会报错，而是返回undefined
arr; // []

//4.sort(对当前数组进行默认排序)
var arr = ['B', 'C', 'A'];
arr.sort();
arr; // ['A', 'B', 'C']

//5.reverse(当前数组元素反转)
var arr = ['one', 'two', 'three'];
arr.reverse(); 
arr; // ['three', 'two', 'one']

//6.splice(修改数组的万能方法，也是常用的方法)
var arr = ['Microsoft', 'Apple', 'Yahoo', 'AOL', 'Excite', 'Oracle'];
// 从索引2开始删除3个元素,然后再添加两个元素:
arr.splice(2, 3, 'Google', 'Facebook'); // 返回删除的元素 ['Yahoo', 'AOL', 'Excite']
arr; // ['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle']
// 只删除,不添加:
arr.splice(2, 2); // ['Google', 'Facebook']
arr; // ['Microsoft', 'Apple', 'Oracle']
// 只添加,不删除:
arr.splice(2, 0, 'Google', 'Facebook'); // 返回[],因为没有删除任何元素
arr; // ['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle']

//7.concat(拼接数组)
var arr = ['A', 'B', 'C'];
arr.concat(1, 2, [3, 4]); // ['A', 'B', 'C', 1, 2, 3, 4]
//注意，可以拼接任意个元素和Array，并且会把Array拆分成元素拼到数组中

//8.join(将数组拆分成指定字符连接的字符串)
var arr = ['A', 'B', 'C', 1, 2, 3];
arr.join('-'); // 'A-B-C-1-2-3'

以后会继续补充
廖雪峰https://www.liaoxuefeng.com/wiki/1022910821149312/1023020967732032