在JavaScript中如何將類數(shù)組對象轉(zhuǎn)為真實(shí)數(shù)組

dackel 發(fā)布于2019-08-26 12:02 / 1277人閱讀

摘要：中有哪些類數(shù)組對象偽數(shù)組函數(shù)的實(shí)參結(jié)構(gòu)將類數(shù)組對象轉(zhuǎn)為真實(shí)數(shù)組以上文對象為例遍歷類數(shù)組元素并進(jìn)一個(gè)新數(shù)組數(shù)組實(shí)例上的方法在不接受任何參數(shù)的情況下是復(fù)制一個(gè)數(shù)組再利用或調(diào)用方法可以實(shí)現(xiàn)將類數(shù)組對象轉(zhuǎn)為真實(shí)數(shù)組方法可以將任何具有屬性的對象轉(zhuǎn)為數(shù)

1.JavaScript中有哪些類數(shù)組對象(偽數(shù)組)

(1)arguments 函數(shù)的實(shí)參

function test() {
    return arguments;
}
let arg = test(1,4,7,4,3,6,4);
console.log(arg);

(2)set 結(jié)構(gòu)

new Set([2,5,6,3,4,3,6,6]);

(3)nodeList

document.getElementsByTagName("div");

2.將類數(shù)組對象轉(zhuǎn)為真實(shí)數(shù)組(以上文arguments對象為例, arg)

(1)遍歷類數(shù)組元素, 并push進(jìn)一個(gè)新數(shù)組

let newArr = [];
for(let i=0; i
(2)數(shù)組實(shí)例上的slice方法, 在不接受任何參數(shù)的情況下是復(fù)制一個(gè)數(shù)組, 再利用call(或apply)調(diào)用slice方法, 可以實(shí)現(xiàn)將類數(shù)組對象轉(zhuǎn)為真實(shí)數(shù)組
Array.prototype.slice.call(arg);
[].slice.call(arg);

(3)Array.from()方法, 可以將任何具有l(wèi)ength屬性的對象轉(zhuǎn)為數(shù)組
Array.from(arg);

(4)擴(kuò)展運(yùn)算符..., 可以將所有布署了Iterator接口的對象轉(zhuǎn)為數(shù)組
[...{length: 3}];

(5)jQuery的核心方法$.makeArray()
$.makeArray(arg);

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/108056.html

相關(guān)文章

Javascript中call和apply的理解

摘要：剩下的兩個(gè)，我們分別改變了他們的執(zhí)行環(huán)境，分別指向了和，于是結(jié)果就是顯示對象各自的值。如果你仍然對和沒有清晰的認(rèn)識，可以試著這樣理解。在Javascript中，每個(gè)函數(shù)都包含兩個(gè)非繼承而來的方法，call和apply。這兩個(gè)方法的用途都是在特定的作用域中調(diào)用函數(shù)，實(shí)際上等于設(shè)置函數(shù)體內(nèi)的this對象的值。摘自《JavaScript高級程序設(shè)計(jì)》 apply方法接收兩個(gè)參數(shù)，第一個(gè)參數(shù)...

mrcode 2019-08-21 12:23 評論0 收藏0
函數(shù)中的apply,call入門介紹

摘要：函數(shù)中的入門牽扯到就要先說一下它們和函數(shù)的淵源函數(shù)既是也是對象它和其它的對象沒有什么區(qū)別。但是我們可以通過和在函數(shù)調(diào)用時(shí)顯示指定所需的值。那就意味這任何函數(shù)可以被任何對象調(diào)用這才是和的方法的最終目的。否則會出現(xiàn)數(shù)組元素為的情況值值值值值函數(shù)中的apply,call入門 ??牽扯到apply,call就要先說一下它們和函數(shù)的淵源 Javascript函數(shù)既是也是對象 ??它和其它的...

yankeys 2019-08-23 16:33 評論0 收藏0
JavaScript學(xué)習(xí)筆記之數(shù)組（一）

摘要：數(shù)組基礎(chǔ)篇數(shù)組的語法數(shù)組是按次序排列的一組值。屬性數(shù)組的屬性，返回?cái)?shù)組的成員數(shù)量。通過設(shè)置的值改變數(shù)組的長度將屬性設(shè)為可以清空數(shù)組。類似數(shù)組的對象并不是數(shù)組，因?yàn)樗鼈儾痪邆鋽?shù)組特有的方法。數(shù)組基礎(chǔ)篇 1.數(shù)組的語法數(shù)組（array）是按次序排列的一組值。每個(gè)值的位置都有編號（從0開始)。var arr=[1,2,3] //arr[0]=1任何類型的數(shù)據(jù)，都可以放入數(shù)組。 var ...

Yangder 2019-08-26 11:52 評論0 收藏0
【JS】JavaScript數(shù)組以及數(shù)組API學(xué)習(xí)總結(jié)

摘要：返回?cái)?shù)組內(nèi)容的字符串表示形式將數(shù)組中每個(gè)元素轉(zhuǎn)為字符串，并用逗號連接。拍照連接符將數(shù)組中每個(gè)元素轉(zhuǎn)為字符串，用自定義的連接符連接每個(gè)元素需要用變量借助。關(guān)于數(shù)組篇的記錄，純自己總結(jié)，會持續(xù)更新～原生js方法 1:創(chuàng)建數(shù)組的幾種方法： var arr = []; var arr = new Array(); var arr = [1,2]; var arr = new Arr...

roundstones 2019-08-21 18:26 評論0 收藏0
Slice無參調(diào)用可以將類數(shù)組對象（含有l(wèi)ength屬性）轉(zhuǎn)化成數(shù)組

摘要：首先，有兩個(gè)用法，一個(gè)是一個(gè)是，第一個(gè)返回的是字符串，第二個(gè)返回的是數(shù)組，這里我們看第個(gè)。最后，附個(gè)轉(zhuǎn)成數(shù)組的通用函數(shù)據(jù)說這樣比快 Array.prototype.slice.call(arguments) 根據(jù)call的使用方法，我們可以猜測以下可能相等： [].slice.call(arguments) => arguments.slice() 我?guī)е孟裆倭艘粋€(gè)必需參數(shù)的疑問去...

MudOnTire 2019-08-22 18:31 評論0 收藏0