方便自己平常使用和记忆的js方法

最新推荐文章于 2026-05-24 09:40:48 发布

原创最新推荐文章于 2026-05-24 09:40:48 发布 · 215 阅读

本内容遵循CC 4.0 BY-SA版权协议

本文介绍JavaScript中数组的各种实用操作，包括去重合并、判断Array.isArray方法存在性、截断数组长度、自定义数组方法first、判断Array.isArray(Array.prototype)、使用slice方法转换类数组为数组。通过具体代码示例，深入浅出地讲解了这些操作的实现方式。

1、数组去重合并
function combine(){
let arr = [].concat.apply([], arguments); //没有去重复的新数组
return Array.from(new Set(arr));
}

var m = [1, 2, 2], n = [2,3,3];
console.log(combine(m,n));

2、判断是否存在Array.isArray方法。在其他代码之前添加如下代码
if (!Array.isArray) {
Array.isArray = function(arg) {
return Object.prototype.toString.call(arg) === '[object Array]';
};
}

3、利用Array.length截断数组
var numbers = [1, 2, 3, 4, 5];
if (numbers.length > 3) {
numbers.length = 3;
}
console.log(numbers); // [1, 2, 3]
console.log(numbers.length); // 3

4、数组原型上，自定义一个方法(js本是不提供first()方法，添加一个返回数组第一个元素的新方法)
console.log("数组的first方法是否存在",Array.prototype.first) // undefined
if(!Array.prototype.first){
Array.prototype.first = function(){
return this[0]
}
}
console.log("数组的first方法是否存在",Array.prototype.first)
var numbers =[11,22,33,44]
console.log(numbers.first()) // 11

5、Array.isArray(Array.prototype) //true

6、slice方法可以用来将一个类数组(Array-like)对象/集合转换成一个新数组。
只需将该方法绑定到这个对象上即可。
（1）
function list(){
// 也可以return [].slice.call(arguments)
return Array.prototype.slice.call(arguments)
}
var listArr = list(1,2,3)
console.log("listArr",listArr) // [1,2,3]

（2）使用bind简化该过程
function list(){
return Function.prototype.call.bind(Array.prototype.slice)(arguments)
}
var listArr=list(11,22,33)
console.log("listArr",listArr)