JS学习笔记---11 数组对象

数组对象

1、检测是否为数组

1、instanceof 运算符

var arr = [];
var obj = {};
console.log(arr instanceof Array);	//true
console.log(obj instanceof Array);	//false

2、Array.isArray(参数)

var arr = [];
var obj = {};
console.log(Array.isArray(arr));	//true
console.log(Array.isArray(obj));	//false

2、添加、删除 数组元素的方法

方法名	说明	返回值
push(参数1…)	末尾添加一个或多个元素，注意修改原数组	返回新的长度
pop()	删除数组最后一个元素，把数组长度减1，无参数，修改原数组	返回它删除的元素的值
unshift(参数1…)	向数组的开头添加一个或更多元素，注意修改原数组	返回新的长度
shift()	删除数组的第一个元素，数组长度减1，无参数，修改原数组	返回第一个元素的值

//1、push（）在我们数组的末尾 添加一个或者多个数组元素 push 推
var arr = [1,2,3];
console.log(arr.push(4,'xxx'));
console.log(arr);
//2、unshift（）在我们数组的开头 添加一个或者多个数组元素 push 推
arr.unshift('red');
console.log(arr);
//3、pop（）他可以删除数组的最后一个元素
console.log(arr.pop());
console.log(arr);
//4、shift（）他可以删除数组的第一个元素
console.log(arr.shift());
console.log(arr);

3、数组排序

方法名	说明	是否修改原数组
reverse()	颠倒数组中元素的顺序，无参数	会修改原数组，返回新数组
sort()	对数组的元素进行排序，里面跟一个排列顺序方法	会修改原数组，返回新数组

//1、翻转数组
var arr = [1, 2, 3, 4, 5];
arr.reverse();
console.log(arr);
//2、数组排序
var arr1 = [6, 13, 3, 7, 5];
arr1.sort(function (a, b) {
    //return a - b;   //按照升序的顺序排列
    return b - a;       //按照降序的顺序排列
});
console.log(arr1);

4、数组索引方法

方法名	说明	返回值
indexOf(元素)	数组中查找给定元素的第一个索引	如果存在返回索引号，如果不存在，则返回-1
lastIndexOf(元素)	在数组中的最后一个的索引	如果存在返回索引号，如果不存在，则返回-1

//返回数组元素索引号方法
var arr = ['red','green','blue','pink','blue'];
//indexOf()
console.log(arr.indexOf('blue'));
console.log(arr.indexOf('yellow'));
//lastIndexOf()
console.log(arr.lastIndexOf('blue'));
console.log(arr.lastIndexOf('yellow'));

5、数组转换为字符串

方法名	说明	返回值
toString()	把数组转换成字符串，逗号分隔每一项	返回一个字符串
join(‘分隔符’)	方法用于把数组中的所有元素转换为一个字符串	返回一个字符串

//数组转换为字符串
var arr = [1,2,3];
//1、toString()
console.log(arr.toString());
//2、join('分隔符')
console.log(arr.join('-'));

6、数组连接、截取、删除

方法名	说明	返回值
concat()	连接两个或多个数组，不影响原数组	返回一个新数组
slice()	数组截取slice(begin，end)	返回被截取项目的新数组
splice()	数组删除splice(第几个开始，要删除个数)	返回被删除项目的新数组，注意：这个会影响原数组