數(shù)組內(nèi)建方法大全(一)

原文中將近30個數(shù)組內(nèi)建方法宴偿,挑取其中個人認(rèn)為使用價值較高蟀架,但相對來說平時想不到會用的方法如下。也有中文文檔迫肖,可直接點擊查閱

1.Array.from(arrayLike,mapFn,thisArg):將一個對象轉(zhuǎn)化為數(shù)組
  • 可以轉(zhuǎn)化的對象:
  1. 類數(shù)組對象拷呆,即有l(wèi)ength屬性闲坎,和index索引
  2. 部署了Iterator接口的對象疫粥,比如:Set茬斧,Map,Array(譯者注:其實類數(shù)組對象也部署了Iterator接口)梗逮。
  • 返回值:一個新的數(shù)組實例

  • 參數(shù):

  1. arrayLike:類數(shù)組對象
  2. mapFn(可選):迭代方法项秉,操作每一個元素
  3. thisArg(可選):指定迭代方法中的 this 對象
  • 例子:
var newArr1 = Array.from((1,2,3),x = > x + x);    //  [2,4,6];
var newArr2 = Array.from(map([1,2],[2,3]));       //  [[1,2],[2,3]];
2.Array.isArray(obj):判斷是否為數(shù)組
  • 返回值:布爾值
  • 參數(shù):
  1. obj:判斷對象
  • 例子:
//ture
Array.isArray([]);          
Array.isArray(Array.prototype);   //Array.prototype本身是一個數(shù)組

//false
Array.isArray({});
Array.isArray(true);
3. Array.of(element0[, element1[, ...[, elementN]]]):創(chuàng)建數(shù)組
  • 返回值:一個數(shù)組實例
  • 參數(shù):
  1. element:數(shù)組內(nèi)容
  • 與Array的區(qū)別:
    參數(shù)為單個整型數(shù)字時,Array()表示創(chuàng)建長度慷彤,ArrayOf()還是表示創(chuàng)建內(nèi)容
Array.of(7)  //[7]
Array.of(1,2,3)  //[1,2,3]

Array(7)  //長度為7的數(shù)組娄蔼,內(nèi)容為空
Array.of(1,2,3)  //[1,2,3]
  • 例子:
Array.of(undefined)  //[undefined]
4. Array.prototype.concat(arr1,arr2,...):合并兩個或兩個以上數(shù)組底哗,不改變原數(shù)組
  • 返回值:一個新的數(shù)組

  • 參數(shù):

  1. arr:需要合并的數(shù)組
  • 例子:
//合并兩個數(shù)組
var nums =[1, 2, 3] .concat([4, 5, 6]);    //  [1,2,3,4,5,6]

//合并三個數(shù)組(可以合并一個數(shù)字)
var nums = [1, 2, 3].concat([4,5,6], 3);  //  [1,2,3,4,5,6,3]
  • 注意嵌套數(shù)組的不同之處岁诉,和生成的新數(shù)組動態(tài)關(guān)聯(lián)
//嵌套的數(shù)組還是指向原地址,修改后也會在新生成的數(shù)組中體現(xiàn)
var num1 = [[1]];
var num2 = [2, [3]];
var nums = num1.concat(num2);    // [[1], 2, [3]]
// 修改num1的第一個數(shù)組
num1[0].push(4);
//此時的nums變?yōu)閇[1, 4], 2, [3]]
5. Array.prototype.every(callback[,thisArg]):對數(shù)組中的每一個值進(jìn)行驗證
  • 返回值:布爾值

  • 參數(shù):

  1. callback():
    1). currentValue:正在遍歷的當(dāng)前值
    2). index(可選):當(dāng)前值索引
    3). array:遍歷的數(shù)組本身
  2. thisArg(可選):callback函數(shù)中的 this 關(guān)鍵字可引用的對象跋选。如果省略 thisArg涕癣,則 undefined 將用作 this 值。
  • 例子:
function isBelowThreshold(currentValue) {
  return currentValue < 40;
}
var array1 = [1, 30, 39, 29, 10, 13];
array1.every(isBelowThreshold);    //ture
6. Array.prototype.entries():對數(shù)組中的每一個值進(jìn)行驗證
  • 返回值:返回迭代器前标,含有數(shù)組對象的鍵值對

  • 例子:

var a = ['a', 'b', 'c'];
var iterator = a.entries();

console.log(iterator.next().value); // [0, 'a']
console.log(iterator.next().value); // [1, 'b']
console.log(iterator.next().value); // [2, 'c']
var a = ['a', 'b', 'c'];
var iterator = a.entries();
for(let k in iterator){
  console.log(k);
}
// [0, 'a']
// [1, 'b']
// [2, 'c']
7. Array.prototype.find(callbackfn(element,index,array)):在數(shù)組中找到符合條件的第一個值
  • 返回值:符合條件的值
  • 參數(shù):
  1. callbackfn():
    1). element(可選):正在遍歷的當(dāng)前值
    2). index(可選):當(dāng)前值索引
    3). array(可選):遍歷的數(shù)組本身
  2. thisArg(可選):callback函數(shù)中的 this 關(guān)鍵字可引用的對象坠韩。如果省略 thisArg距潘,則 undefined 將用作 this 值。
function isBigEnough(element) {
  return element >= 15;
}
[12, 5, 8, 130, 44].find(isBigEnough); // 130

待續(xù)..
數(shù)組內(nèi)建方法大全(二)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末只搁,一起剝皮案震驚了整個濱河市音比,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌氢惋,老刑警劉巖洞翩,帶你破解...
    沈念sama閱讀 218,546評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異明肮,居然都是意外死亡菱农,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,224評論 3 395
  • 文/潘曉璐 我一進(jìn)店門柿估,熙熙樓的掌柜王于貴愁眉苦臉地迎上來循未,“玉大人,你說我怎么就攤上這事秫舌〉难” “怎么了?”我有些...
    開封第一講書人閱讀 164,911評論 0 354
  • 文/不壞的土叔 我叫張陵足陨,是天一觀的道長嫂粟。 經(jīng)常有香客問我,道長墨缘,這世上最難降的妖魔是什么星虹? 我笑而不...
    開封第一講書人閱讀 58,737評論 1 294
  • 正文 為了忘掉前任,我火速辦了婚禮镊讼,結(jié)果婚禮上宽涌,老公的妹妹穿的比我還像新娘。我一直安慰自己蝶棋,他們只是感情好卸亮,可當(dāng)我...
    茶點故事閱讀 67,753評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著玩裙,像睡著了一般兼贸。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上吃溅,一...
    開封第一講書人閱讀 51,598評論 1 305
  • 那天溶诞,我揣著相機與錄音,去河邊找鬼决侈。 笑死螺垢,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播甩苛,決...
    沈念sama閱讀 40,338評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼蹂楣,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了讯蒲?” 一聲冷哼從身側(cè)響起痊土,我...
    開封第一講書人閱讀 39,249評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎墨林,沒想到半個月后赁酝,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,696評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡旭等,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,888評論 3 336
  • 正文 我和宋清朗相戀三年酌呆,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片搔耕。...
    茶點故事閱讀 40,013評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡隙袁,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出弃榨,到底是詐尸還是另有隱情菩收,我是刑警寧澤,帶...
    沈念sama閱讀 35,731評論 5 346
  • 正文 年R本政府宣布鲸睛,位于F島的核電站娜饵,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏官辈。R本人自食惡果不足惜箱舞,卻給世界環(huán)境...
    茶點故事閱讀 41,348評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望拳亿。 院中可真熱鬧晴股,春花似錦、人聲如沸风瘦。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,929評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽万搔。三九已至,卻和暖如春官帘,著一層夾襖步出監(jiān)牢的瞬間瞬雹,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,048評論 1 270
  • 我被黑心中介騙來泰國打工刽虹, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留酗捌,地道東北人。 一個月前我還...
    沈念sama閱讀 48,203評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像胖缤,于是被迫代替她去往敵國和親尚镰。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,960評論 2 355

推薦閱讀更多精彩內(nèi)容