JS数组的常用方法总结

//【检测数组】
	
	//1.对于一个网页,或者一个全局作用域而言,使用instaceof操作符
	if(value instanceof Array){
		//todo...
	}
	
	//2.如果网页中包含多个框架,那实际上存在2个以上不同的全局执行环境
	//ECMAScipt5新增了 Array.isArray()方法,最终确定某个值到底是不是数组,而不管它在哪个全局执行环境中创建的
	if(Array.isArray(value)){
		//todo...
	}
	//支持Array.isArray()方法的浏览器有IE9+、Firefox 4+、Safari 5+、Opera 10.5+ 和Chrome
	
	//3.在尚未实现Array.isArray()方法的浏览器中准确的检测数组
	function isArray(value){
		return Object.prototype.toString.call(value) == "[object Array]";
	}

//【转换方法】
	
	//toLocaleString()、toString() 和 valueOf()
	//1.调用数组的 toString()方法会返回由数组中的每个值的字符串形式拼接而成的一个以逗号分隔的字符
	//而调用valueOf()返回的还是数组
	var colors = ["a","b","c"];
	alert(colors.toString()); 	//a,b,c
	alert(colors.valueOf());	//a,b,c	
	alert(colors);				//a,b,c
	
	//说明:由于alert()要接收字符串参数,所以它会在后台调用toString()方法,由此会得到与直接调用toString()方法相同的结果
	
	
	//2.使用join()方法,可以使用不同的分隔符来构建这个字符串
	var colors2 = ["aa","bb","cc"];
	alert(colors2.join(","));	//aa,bb,cc
	alert(colors2.join("-"))	//aa-bb-cc
	//【栈方法】
	//栈是一种后进先出的数据结构,也就是最新添加的项最早被移除。而栈中项的插入和移除,只发生在栈的顶部。
	
	//1.push()方法可以接受任意数量的参数,把它们逐个添加到数组的末尾,并返回数组修改后的长度
	var colors = new Array();	    		//创建一个数组
	var count = colors.push("red","green"); //推入2项
	alert(count);							//2	
	
	count = colors.push("black");			//推入另1项
	alert(count);							//3
	
	colors[3] = "blue";
	alert(colors.length);					//4
	
	//2.pop()方法,弹出数组末尾的一项
	var item = colors.pop();
	alert(item);							//"blue"
//【队列方法】
	//队列数据结构的访问规则是先进先出,在列表末端添加项,从列表前端移除项
	
	//1.shift(),移除数组中第一项并返回该项,同时将长度减1
	//结合使用shift()和push()方法,可以像使用队列一样使用数组
	var colors = new Array();
	var count = colors.push("red","green");	//推入2项
	alert(count);							//2
	
	count = colors.push("black");			//推入另一项
	alert(count);							//3
	
	var item = colors.shift();
	alert(item);							//"red"
	alert(colors.length);					//2
	
	
	//2.unshift(),在数组前端添加任意个项,并返回数组的长度
	var colors = new Array();
	colors.unshift("red","green");
	alert(colors);					 //"red","green"
	
	count = colors.unshift("black");
	alert(count);					 //3	
	
	var item = colors.pop();
	alert(item);					 //"black"	
	

//【重排序方法】
	
	//1.反转数组的顺序
	var values = [1,2,3,4,5];
	values.reverse();
	alert(values);	//5,4,3,2,1
	
	//2.sort()方法按升序排列数组项——即最小的值位于最前面,最大的值在最后面
	var values2 = [0,1,5,10,15];
	values2.sort();
	alert(values2);	//0,1,10,15,5
	
	/*sort()方法会调用每个数组元素的toString()转型方法,然后比较得到的字符串
	这种排序方式在很多情况下都不是最佳方案*/
	
	//3.sort()方法可以接收一个比较函数作为参数
	function sort_asc(v1,v2){
		if(v1 < v2){
			return -1;
		}else if(v1 > v2){
			return 1;
		}else{
			return 0;
		}
	}
	
	values2.sort(sort_asc);
	alert(values2);	//0,1,5,10,15
	
	function sort_desc(v1,v2){
		if(v1 < v2){
			return 1;
		}else if(v1 > v2){
			return -1;
		}else{
			return 0;
		}
	}
	
	values2.sort(sort_asc);
	alert(values2);	//15,10,5,1,0
	
	//对于数值类型或者其valueOf()方法返回数组类型的对象类型
	function compare(v1,v2){
		return v2 - v1;
	}
//【操作方法】
	
	//1.concat()方法,可以基于当前数组中的所有项创建一个新数组
	var colors = ["red","green","blue"];
	var colors2 = colors.concat("yellow",["black","brown"]);
	alert(colors2); //red,green,blue,yellow,black,brown
	
	//2.截取数组
	var colors = ["red","green","blue","yellow","purple"];
	var colors2 = colors.slice(1);	//green,blue,yellow,purple
	var colors3 = colors.slice(1,4);//green,blue,yellow
	
	//3.删除
	var array = ["red","green","blue"];
	var removed = array.splice(0,1);			//删除第一项
	alert(array);//green,blue
	alert(removed);//red
	
	//4.添加
	removed = array.splice(1,0,"yellow","orange"); //从位置1开发插入2项
	alert(array); //green,blue,yellow,orange
	alert(removed); //返回一个空数组
	
	//5.替换
	removed = array.splice(1,1,"red","purple"); 	//插入两项,删除一项
	alert(array);	//green,red,purple,orange,blue
	alert(removed); //yellow
//【位置方法】
	
	//1.查找某某项在数组中的位置
	var numbers = [1,2,3,4,5,4,3,2,1];
	alert(numbers.indexOf(4));		//3
	alert(numbers.lastIndexOf(4));  //5
	
	alert(numbers.indexOf(4,4));	//5 参数(查找项,查找起点位置索引)
	
	var person = {name:"jack"};
	var people = [{name:"jack"}];
	var morePeople = [person];
	
	alert(people.indexOf(person));	//-1
	alert(morePeople.indexOf(person)); //0
	
	/*indexOf()和lastIndexOf()方法不支持IE9以下*/





  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值