Array 的三個技巧

hizengzeng 發布于2019-08-23 10:31 / 1401人閱讀

摘要：試著用數組的構造方法創建一個數組，你就會明白我的意思。我們常用的解決方法是傳遞或自從把當做一個的時候。根據中對擴展運算符的介紹，有一個更簡潔的方法可以將空參數傳遞給一個方法。

每天學習一個JS小知識

1. 迭代一個空數組
JavaScript 中直接創建的數組是松散的，以至于會有很多坑。試著用數組的構造方法創建一個數組，你就會明白我的意思。

 const arr = new Array(4);
[undefined, undefined, undefined, undefined]

你會發現，通過一個松散的數組去循環調用一些轉換是非常難的。

 const arr = new Array(4);
 arr.map((elem, index) => index);
[undefined, undefined, undefined, undefined]

想要解決這個問題，你可以使用在創建新數組的時候使用 Array.apply。

const arr = Array.apply(null, new Array(4));
arr.map((elem, index) => index);
[0, 1, 2, 3]

2. 給方法傳一個空參數
如果你想調用一個方法，并不填其中的一個參數時，JavaScript 就會報錯。

method("parameter1", , "parameter3");
Uncaught SyntaxError: Unexpected token

我們常用的解決方法是傳遞 null 或 undefined.

method("parameter1", null, "parameter3") // or
method("parameter1", undefined, "parameter3");

自從 JavaScript 把 null 當做一個 object 的時候。根據 ES6 中對擴展運算符的介紹，有一個更簡潔的方法可以將空參數傳遞給一個方法。正如前文所提到的，數組是松散的，所以給它傳空值是可以的，我們正式用到了這個優點。

method(...["parameter1", , "parameter3"]); // works

數組去重
我一直不明白為什么數組不提供一個內置函數可以讓我們方便的取到去重以后的值。擴展運算符幫到了我們，使用擴展運算符配合 Set Spread operators are here for the rescue. Use spread operators with the Set 可以生成一個不重復的數組。

const arr = [...new Set([1, 2, 3, 3])];
[1, 2, 3]

云服務器 GPU云服務器 java的三個平臺 php 中的三個等號云服務器的三個特征 html三個點的效果

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/96430.html

map函數的使用技巧

摘要：的數組對象中有很多有用的方法，的函數在某些方面非常的方便強大。函數的使用例子求數組中每個元素的平方根的值為的值仍為應用下面代碼展示了如何去遍歷用得到的動態對象集合。 js的Array數組對象中有很多有用的方法，js的map函數在某些方面非常的方便強大。 map() 方法創建一個新數組，其結果是該數組中的每個元素都調用一個提供的函數后返回的結果。 let numbers = [1, 5,...

biaoxiaoduan 2019-08-21 11:45 評論0 收藏0
JavaScript中Array的一些實用操作技巧

摘要：最近在調試頁面時頻繁與打交道，在復雜場景下，傳參數就需要對大量參數進行處理。兩者等效長度為的空數組同上是的內置對象，是的，雖然是數組，也是一種對象使用判斷會返回而方法能更精準判斷其類型。最近在調試JSP頁面時頻繁與ajax打交道，在復雜場景下，ajax傳參數就需要對大量參數進行處理。這時我才發現，熟練Array的處理真的會使開發輕松不少！！關于Array Array的創建很靈活，可...

yy13818512006 2019-08-22 10:36 評論0 收藏0
個人小結--javascript實用技巧和寫法建議

摘要：類似的情況還有，方法和方法等。今天我說一個最簡單。代碼如下和也可以實現，但是生成的是一個整數，如下分割線其它類型數據轉布爾數據下面的轉換，大家一看就明白了，不多說。緩存變量循環緩存分割線第一段就是每一次循環的時候，都要查詢一次。 1.前言從大學到現在，接觸前端已經有幾年了，感想方面，就是對于程序員而言，想要提高自己的技術水平和編寫易于閱讀和維護的代碼，我覺得不能每天都是平庸的寫代碼，...

WilsonLiu95 2019-08-21 16:18 評論0 收藏0
Javascript 中的map/reduce

摘要：簡單例子一個較為常用的場景就是累加或累乘輸出數組元素的乘積輸出數組元素的乘積簡寫形式輸出數組元素的乘積形式，營造復雜的逼格用在數組降維扁平化處理的例子中注方法用于連接兩個或多個數組。看到一個提問的回答巧妙地使用了map/reduce操作，很優雅，所以來學習和總結一下javascript自帶的map/reduce的使用技巧，文章不會講的很深，純當科普一下知識點，如有解釋的不正確的地方，...

zhou_you 2019-08-20 15:09 評論0 收藏0
es6常用數組操作及技巧匯總

摘要：檢測數組或者檢測對象的原型鏈是否指向構造函數的對象或者終極大招注意不可以用此方法檢查常用方法合并多個數組，返回合并后的新數組，原數組沒有變化。返回值是由被刪除的元素組成的一個數組。定義數組 const array = [1, 2, 3]; 或者 const array = new Array(); array[0] = 1; 建議盡量使用第一種形式定義數組，采用new的形式在大量的數...

Noodles 2019-08-22 11:18 評論0 收藏0