JS中的数组方法
程序员文章站
2024-02-15 20:47:04
...
静态方法
- 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
-
Array.of() 总是会返回由参数组成的数组,没有参数就返回空数组
由于 Array() 和 new Array() 的返回值会随着 参数的改变而改变,可以使用Array.of() 代替 -
Array.from() 可以将一个伪数组对象(含有length)属性或可遍历对象转换为真正的数组,并返回该数组。
典型的伪数组对象:函数的arguments对象、大多数的DOM元素集,还有字符串。
Array.from() 可以接收三个参数
likearray : 需要转换的伪数组对象或可遍历对象,必须参数
map : 类似于 map() 方法,用来对每个元素进行处理,将处理后的值放入到数组中返回,可选参数
this : 绑定 map 中用到的 this,可选参数
实例方法
- 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]
- forEach() 用于遍历数组,该方法的语句中不支持 break 、 continue 和 return 语句
语法:
array.forEach(function(value,index,array){ });
参数一:遍历到的当前元素
参数二:遍历到的当前索引
参数三:当前遍历的数组
- indexOf() 方法返回在数组中可以找到一个给定元素的第一个索引,如果不存在,则返回-1。可以参照 String 的 indexOf() 用法。
语法:
array.indexOf(value,index);
参数一:要查找的元素
参数二:开始查找的位置,如果不传,就默认是从索引为0开始查找;
- 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"
- pop()方法从数组中删除最后一个元素,并返回该元素的值。此方法更改数组的长度。当数组为空时,返回 undefined
var arr = [1,2,3,4,5]
console.log(arr.pop()); //输出:5
console.log(arr) //输出:[1,2,3,4]
- 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]
- 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]
- 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 也会一直提取到原数组末尾。
- shift() 方法从数组中删除第一个元素,并返回该元素的值。此方法更改数组的长度。从数组中删除的元素; 如果数组为空则返回undefined 。
var arr = [1,2,3,4,5];
console.log(arr.shift()); //输出:1
console.log(arr); //输出 [2,3,4,5]
- 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]
- 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]