JS中的数组方法

静态方法
  1. Array.isArray() 返回一个布尔值,表示参数是否是一个数组
var arr = [1,2,3,4];
console.log(type arr);  //返回类型是 object
console.log(arr instanceof Array)    // 也会返回 true ,
//但是
console.log(arr instanceof Object)  //同样会返回true
  1. Array.of() 总是会返回由参数组成的数组,没有参数就返回空数组
    由于 Array() 和 new Array() 的返回值会随着 参数的改变而改变,可以使用Array.of() 代替

  2. Array.from() 可以将一个伪数组对象(含有length)属性或可遍历对象转换为真正的数组,并返回该数组。
    典型的伪数组对象:函数的arguments对象、大多数的DOM元素集,还有字符串。

	Array.from() 可以接收三个参数
		likearray : 需要转换的伪数组对象或可遍历对象,必须参数
		map : 类似于 map() 方法,用来对每个元素进行处理,将处理后的值放入到数组中返回,可选参数
		this : 绑定 map 中用到的 this,可选参数
	
实例方法
  1. concat() 方法用于合并两个或多个数组。此方法不会更改现有数组,而是返回一个新数组。
var arr1 = [1,2,3,4]
var arr2 = [5,6,7,8]
var newArr = arr1.concat(arr2);
console.log(newArr)	//返回[1,2,3,4,5,6,7,8]

//当我们想要复制一个数组时,最好不要直接复制,这样复制过去的只是旧数组的地址值,当旧数组改变时,新数组也会被改变,它们实际上指向的时同一个数组
var arr = [2,4,6,8];
var copyArr = arr;
arr[0] = 1;
console.log(copyArr);	//[1,4,6,8]
//这时可以使用concat() 方法来获取相同数据的一个新数组
var arr = [2,4,6,8]
var copyArr = [].concat(arr);
console.log(copyArr);	//[2,4,6,8]
  1. forEach() 用于遍历数组,该方法的语句中不支持 break 、 continue 和 return 语句
语法:
	array.forEach(function(value,index,array){	});
	参数一:遍历到的当前元素
	参数二:遍历到的当前索引
	参数三:当前遍历的数组
  1. indexOf() 方法返回在数组中可以找到一个给定元素的第一个索引,如果不存在,则返回-1。可以参照 String 的 indexOf() 用法。
语法:
	array.indexOf(value,index);
	参数一:要查找的元素
	参数二:开始查找的位置,如果不传,就默认是从索引为0开始查找;
  1. join() 方法将一个数组(或一个类数组对象)的所有元素连接成一个字符串并返回这个字符串。如果数组只有一个项目,那么将返回该项目而不使用分隔符。
join() 只需要一个参数,即为指定一个字符串来分隔数组的每个元素,如果不传默认用 , 分隔
var arr = [1,2,3,4,5];
//不传参数时
console.log(arr.join());	//输出:"1,2,3,4,5"
//传入空串时
console.log(arr.join(""));	//输出:"12345"
//传入其它字符串时
console.log(arr.join("*"));	//输出:"1*2*3*4*5"
  1. pop()方法从数组中删除最后一个元素,并返回该元素的值。此方法更改数组的长度。当数组为空时,返回 undefined
var arr = [1,2,3,4,5]
console.log(arr.pop());	//输出:5
console.log(arr)		//输出:[1,2,3,4]
  1. push() 方法将一个或多个元素添加到数组的末尾,并返回该数组的新长度。此方法会改变原数组
语法:array.push(value1,value2,...,valuen);
var arr = [1,2,3,4,5]
console.log(arr.push(6,7,8));	//输出:8
console.log(arr)		//输出:[1,2,3,4,5,6,7,8]
  1. splice() 方法通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组。
语法:
	array.splice(start, deleteCount, item1, item2, ...,itemN);
		start​:
	    指定修改的开始位置(从0计数)。如果超出了数组的长度,则从数组末尾开始添加内容;如果是负值,则表示从数组末位开始的第几位(从-1计数,这意味着-n是倒数第n个元素并且等价于array.length-n);如果负数的绝对值大于数组的长度,则表示开始位置为第0位。
	    deleteCount :可选
	    整数,表示要移除的数组元素的个数。
	    item1, item2, ... 可选
	    要添加进数组的元素,从start 位置开始。如果不指定,则 splice() 将只删除数组元素。
var arr = [1,2,3,4,5];
arr.splice(1,2,"a","b");
console,log(arr);	//[1, "a", "b", 4, 5]
  1. slice(begin,end) 方法返回一个新的数组对象,这一对象是一个由 begin 和 end 决定的原数组的浅拷贝(包括 begin,不包括end)。原始数组不会被改变。
语法:
	array.slice(begin, end)	
		begin :可选
		    提取起始处的索引,从该索引开始提取原数组元素,默认为 0。
		    如果该参数为负数,则表示从原数组中的倒数第几个元素开始提取,slice(-2) 表示提取原数组中的倒数第二个元素到最后一个元素(包含最后一个元素)。
		    如果省略 begin,则 slice 从索引 0 开始。
		    如果 begin 大于原数组的长度,则会返回空数组。 
		end :可选
		    提取终止处的索引,在该索引处结束提取原数组元素,默认为 0。slice 会提取原数组中索引从 begin 到 end 的所有元素(包含 begin,但不包含 end)。
		    slice(1,4) 会提取原数组中从第二个元素开始一直到第四个元素的所有元素 (索引为 1, 2, 3的元素)。
		    如果该参数为负数, 则它表示在原数组中的倒数第几个元素结束抽取。 slice(-2,-1) 表示抽取了原数组中的倒数第二个元素到最后一个元素(不包含最后一个元素,也就是只有倒数第二个元素)。
		    如果 end 被省略,则slice 会一直提取到原数组末尾。
		    如果 end 大于数组的长度,slice 也会一直提取到原数组末尾。 
  1. shift() 方法从数组中删除第一个元素,并返回该元素的值。此方法更改数组的长度。从数组中删除的元素; 如果数组为空则返回undefined 。
var arr = [1,2,3,4,5];
console.log(arr.shift());	//输出:1
console.log(arr);			//输出 [2,3,4,5]
  1. unshift() 方法将一个或多个元素添加到数组的开头,并返回该数组的新长度,该方法修改原有数组。
var arr = [1,2,3,4,5]
var len = arr.unshift(5,6,7);
console.log(len)			//8
console.log(arr)			//[5, 6, 7, 1, 2, 3, 4, 5]
  1. sort() 方法对数组的元素进行排序,并返回数组,会改变原数组。默认排序顺序是根据字符串Unicode码点,所以该方法排序数组时会出现问题
语法:array.sort(callback);
回调函数时可选参数,当不传参排序数组会出现下面的问题
var arr = [1,3,5,13,23]
console.log(arr.sort());		// [1, 13, 23, 3, 5]
//此时就需要传入回调函数
 arr.sort(function(a,b){		//a和b就是用于比较的元素
	return a-b;		// 如果要倒序就 return b-a;
})
console.log(arr)		//[1, 3, 5, 13, 23]
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值