JavaScript内置对象之Array对象总结（附实例）

目录

1. 两种创建方式
2. 操作数组
   2.1 concat两数组连接
   2.2 concat两数组连接
   2.3 splice剪切数组
   2.4 push 数组添加元素
   2.5 pop 删除数组最后一个元素
   2.6 Shift 删除数组第一个元素
   2.7 Unshift 从数组的前面给数组添加元素
   2.8 indexOf 查找指定元素数组下标
   2.9 LastIndexOf 反向查找指定元素数组下标
   2.10 Join数组间隔
   2.11 Reverse数组翻转
   2.12 Sort 数组进行字符串的排序
   2.13 Instanceof 判断数组
3. 三种清空数组的方式

正文

1. 两种创建方式

字面量的形式创建数组

var arr = [1,1,1,1];

实例化一个对象出来

var arr1 = new Array(10,20);

    // 将数组中的每一项转化为字符串
    console.log(res.toString());

   console.log(res.valueOf()); //返回数组本身

2. 操作数组

    var res = [1,2,3,4];
    var arr = [5,6,7,8];

2.1 concat两数组连接

两数组连接成新数组

console.log(res.concat(arr));

结果：

2.2 slice截取数组

从当前数组中截取一个新的数组，不影响原来的数组

arr.slice(0,1) 0:表示数组的下标值，从这个位置开始截
截到下标值为1的位置结束，但是不包括下标值为1的项类似[0,1)

	console.log(res.slice(0,2));
    console.log(res);   //不影响原数组

结果：

2.3 splice剪切数组

将字符串切割成数组，原数组会失去剪切掉的数组

arr.splice(1,3) 表示1,2,3三个下标的数组元素被剪切

   console.log(res.splice(1,3));
   console.log(res);   //影响原数组

结果：

2.4 push 数组添加元素

使用push给数组添加项，都是从数组的最后面添加项，
返回的是数组的长度

arr.push(111);

	console.log(res.push(111));
    console.log(res);   

结果：

2.5 pop 删除数组最后一个元素

删除数组中的最后一个元素，并且返回该元素的值（数组为空，返回undefined）

arr.pop();

console.log(res.pop());
console.log(res);   

结果：

2.6 Shift 删除数组第一个元素

删除数组中的第一个元素，并且返回这个元素的值

arr.shift();

console.log(res.shift());
console.log(res);   

结果：

2.7 Unshift 从数组的前面给数组添加元素

数组的前面给数组添加元素,会改变数组的长度,返回数组的长度

arr.unshift(123);

console.log(res.unshift(1314));
console.log(res);   

结果：

2.8 indexOf 查找指定元素数组下标

查找指定元素数组下标，没有传值时，传值为空将会转换为undefined，查找undefined的数组下标

注意：在获取元素在数组中的位置时，从数组前面开始，只要匹配上一个就不再执行

arr.indexof(1);

 console.log(res.indexOf(3));
 console.log(res);   

结果：

2.9 lastIndexOf 反向查找指定元素数组下标

arr.lastIndexOf(1);

console.log(res.lastIndexOf(3));
console.log(res); 

2.10 Join数组间隔

atr.join("|");

console.log(res.join('|'));
console.log(res);   

结果：

2.11 reverse数组翻转

arr.reverse();

console.log(res.reverse());
console.log(res);  

结果：

2.12 Sort 数组进行字符串的排序

res.sort()；

console.log(res.sort());
console.log(res);   

结果：

2.13 Instanceof 判断数组

返回布尔类型

arr instanceof Object

console.log(res instanceof Object);
console.log(res);   

结果：

3. 三种清空数组的方式

一、用splice剪切整个数组

//1.剪切数组全剪切掉
    console.log(arr.splice(0,arr.length));
	console.log(arr);

二、设置数组长度为0

// 2.直接将数组长度设置为0
    arr.length = 0;
    console.log(arr);

三、将数组设置为空数组

// 3.将数组设置为空数组
    arr = [];
    console.log(arr);