优秀的编程知识分享平台

网站首页 > 技术文章 正文

每日分享- jquery 如何将类数组转为数组

nanyue 2024-10-23 12:01:03 技术文章 4 ℃

在 jQuery 中,类数组对象指的是一个具有 length 属性和以数字为键的属性的对象,但是它并不是真正的数组对象,所以不能使用数组对象上的方法。为了将类数组转换为真正的数组,可以使用以下方法:

Array.prototype.slice.call()

使用 slice 方法可以将一个真正的数组中的某个区间的元素复制到一个新的数组中,但是该方法也可以用来将类数组转换为真正的数组。通过 call 方法,我们可以将 slice 方法应用于类数组对象,从而将其转换为真正的数组。以下是一个例子:

const nodeList = document.getElementsByTagName('li');
const array = Array.prototype.slice.call(nodeList);

在这个例子中,我们通过 getElementsByTagName 方法获取到一个 HTMLCollection 对象,然后使用 slice 方法将其转换为真正的数组。

Array.from()

Array.from() 方法可以将任何可迭代对象(包括真正的数组和类数组对象)转换为真正的数组。以下是一个例子:

const nodeList = document.getElementsByTagName('li');
const array = Array.from(nodeList);

在这个例子中,我们使用 Array.from 方法将 HTMLCollection 对象转换为真正的数组。

使用 jQuery 的 $.makeArray() 方法

jQuery 提供了一个 $.makeArray() 方法,该方法可以将类数组对象转换为真正的数组。以下是一个例子:

const nodeList = document.getElementsByTagName('li');
const array = $.makeArray(nodeList);

在这个例子中,我们使用 $.makeArray() 方法将 HTMLCollection 对象转换为真正的数组。

以上三种方法都可以将类数组对象转换为真正的数组,其中 Array.prototype.slice.call() 是最常用的方法。

最近发表
标签列表