js数组玩法

一.创建数组

//利用数组字面量
var arr = [1,2,3];
console.log(arr[0]);
//利用 new Array()
var arrs = new Array(1,2,3);
console.log(arrs);

二.检测是否为数组

如果是数组返回true,不是则返回false

//instanceof
var arr = [];
console.log(arr instanceof Array);
//Array.isArray
var arrs = [];
console.log(Array.isArray(arrs));

三.添加数组元素

var arr = [1,2,3];
//push()在数组后面添加一个或多个元素
//push完毕后,返回数组长度,原数组会发生变化。
arr.push(4,5);
console.log(arr.push(4,5));
console.log(arr);
//unshift()在数组的开头添加一个或多个元素
//unshift完毕后,返回数组长度,原数组会发生变化。
arr.unshift(0);
console.log(arr.unshift(0));
console.log(arr);

四.删除数组元素

var arr = [1,2,3];
//pop()删除数组最后一个元素
//pop完毕后,返回的是删除的那个元素,原数组也会发生变化。
arr.pop();
console.log(arr.pop());
console.log(arr);
//shift()删除数组第一个元素
//shift完毕后,返回的是删除的那个元素,原数组也会发生变化。
console.log(arr.shift());
console.log(arr);
//splice()删除数组指定元素,第一个参数是起始位置,第二个参数是删除几个
arr.splice(1,1);
console.log(arr);

五.数组排序

//翻转数组
var arr = ['库里','詹姆斯','科比'];
arr.reverse();
console.log(arr);
//数组排序(冒泡排序)
//a-b是升序,b-a是降序
var arrs = [30,23,24];
arrs.sort(function(a,b){
    return a - b;
})
console.log(arrs);

六.获取数组元素索引

//indexOf()返回数组元素的索引号
//从数组前面开始查找,找到这个元素返回索引号,找不到则返回-1
var arr = ['杜兰特','欧文','哈登'];
console.log(arr.indexOf('欧文'));

七.数组去重案例

function unique(arr) {
	var newArr = [];
	for(var i = 0; i < arr.length; i++) {
		if(newArr.indexOf(arr[i]) === -1) {
			newArr.push(arr[i])
		}
	}
	return newArr;
}
var demo = unique(['杜兰特','欧文','库里','杜兰特']);
console.log(demo);

八.数组转字符串

//toString()
var arr = [1,2,3];
console.log(arr.toString());
//join(分隔符)
var arrs = ['张力','库里','博尔特'];
console.log(arrs.join('&'));

九.去除数组空字符串、undefined、null

//方法1
var arr = ['库里','科比','',null,undefined];
var newArr = [];
arr.forEach(item=>{
    if(item) {
        newArr.push(item)
    }
})
console.log(newArr);
//方法2
var arr = ['库里','科比','',null,undefined];
var newArr = [];
for(let item of arr) {
     if(item) {
        newArr.push(item)
    }
}
console.log(newArr);
//方法3
var arr = ['库里','科比','',null,undefined];
var newArr = arr.filter(item => item && item.trim());
console.log(newArr);