JS Array的那些方法

cloud 發布于2019-08-23 11:54 / 762人閱讀

摘要：的一些方法在實際中很常用，這里整理記錄下來，一是為了常常回顧，二也是方便大家返回一個新的，每個元素為調用的結果語法舉例返回一個符合條件的元素數組語法舉例返回一個，判斷是否有元素是否符合條件語法舉例返回一個，判斷每個元素是否符合條件語法舉例沒

JS Array的一些方法在實際中很常用，這里整理記錄下來，一是為了常常回顧，二也是方便大家

Map

map(): 返回一個新的Array，每個元素為調用function的結果
語法: array.map(function(currentValue,index,arr), thisValue)

舉例:
var numbers = [65, 44, 12, 4], changedValue;
function multiplyArrayElement(num) {
    return num * 2;
}
(function myFunction() {
    changedValue = numbers.map(multiplyArrayElement);
})()
console.log(changedValue);

Filter

filter(): 返回一個符合function條件的元素數組
語法: array.filter(function(currentValue,index,arr), thisValue)

舉例: 
var ages = [32, 33, 16, 40], changedValue;    
function checkAdult(age) {
    return age >= 18;
}
(function myFunction() {
    changedValue = ages.filter(checkAdult);
})()
console.log(changedValue);

Some

some(): 返回一個boolean，判斷是否有元素是否符合function條件
語法: array.some(function(currentValue,index,arr),thisValue)

舉例:
var ages = [3, 10, 18, 20], changedValue;
function checkAdult(age) {
    return age >= 18;
}
(function myFunction() {
    changedValue = ages.some(checkAdult);
})()
console.log(changedValue);

Every

every(): 返回一個boolean，判斷每個元素是否符合function條件
語法: array.every(function(currentValue,index,arr), thisValue)

舉例:
var ages = [32, 33, 16, 40], changedValue;
function checkAdult(age) {
    return age >= 18;
}
(function myFunction() {
    changedValue = ages.every(checkAdult);
})()
console.log(changedValue);

ForEach

forEach(): 沒有返回值，只是針對每個元素調用function
語法: array.forEach(function(currentValue, index, arr), thisValue)

舉例:
var numbers = [4, 9, 16, 25],changedValue;
function myFunction(item, index, arr) {
    arr[index] = item + 1;  
}
numbers.forEach(myFunction);
console.log(numbers);

Find

find(): 方法返回通過測試（函數內判斷）的數組的第一個元素的值
語法: array.find(function(currentValue, index, arr),thisValue)

舉例:
var ages = [3, 10, 18, 20], changedValue;
function checkAdult(age) {
   if (age >= 18)
       return true;
   return false;
}
(function myFunction() {
    changedValue = ages.find(checkAdult);
})()
console.log(changedValue);

云服務器 GPU云服務器 array方法 js array js方法的重寫 js創建數組的方法

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

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

jS:關于對象遍歷和數組遍歷的那些事

摘要：如圖遍歷數組遍歷數組元素并以某種方式處理每個元素是一個常見的操作。如圖不過，里的功能比較強大，可以遍歷而且返回值是的則被省略掉總結遍歷對象，遍歷出來的是鍵名，而不是鍵值，參數必須是對象。可能是由于職業的關系，下班之后完全不想Open PC，但很多知識點有必要自己做個小小總結。本人之前對原生Array和Object完全沒概念。遍歷對象的方法： Object.keys(Object)...

qingshanli1988 2019-08-20 18:16 評論0 收藏0
JS數組中那些你知道或不知道的

摘要：從這句話我們可以知道，當我們構造一個指定長度的時，由于有長度，所以會開辟相應下標的空間，但是因為該下標并沒有元素，所以就會返回，任何原因構造數組元素失敗時，都會返回一個。作者：陳大魚頭 github： KRISACHAN JS中的Array ecma-262中的定義：Array對象是一種特殊對象，它會對數組索引屬性鍵進行特殊處理。每個Array對象都有一個不可配置的lengt...

BenCHou 2019-08-26 10:15 評論0 收藏0
JS數組中那些你知道或不知道的

摘要：當且僅當使用至少兩個參數調用構造函數時，此描述才適用。斷言的值為返回。還有是定義指定長度數組時會出現什么事呢在源碼中有個的方法。轉換為數字對象轉換為數字的規則如下表參數類型結果返回。不同的是，可以選擇自定義上下文環境。作者：陳大魚頭 github： KRISACHAN JS中的Array ecma-262中的定義： Array對象是一種特殊對象，它會對數組索引屬性鍵進行特殊處理。 ...

jackzou 2019-05-23 17:28 評論0 收藏0
JS 中 Array.sort 的那些事兒

摘要：然而有時候的結果和預期結果還是有些差異的。中文的可以通過來獲取。啊次比例中毓比侊啊比侊比例次毓中當然和允許傳入參數指定，有興趣的可以去上看看用法。對于中文或者需要本地化比較的場景下，可以使用或者來進行比較。大家都知道 js 自帶了一個排序方法 sort，很多時候需要排序的時候也都直接使用了 sort 方法來排序。然而有時候 sort 的結果和預期結果還是有些差異的。看下面的代碼 [...

Sike 2019-08-26 12:24 評論0 收藏0
js中call、apply、bind那些事

摘要：應用場景求數組中的最大值和最小值并不是最佳選擇是中的靜態方法，因此必然是沒有使用上下文的必要的。因此綁定只需要用或者占位就可以了。前言面試，幾乎每次都會問到一個js中關于call、apply、bind的問題，比如… 怎么利用call、apply來求一個數組中最大或者最小值如何利用call、apply來做繼承 apply、call、bind的區別和主要應用場景作用首先問個問...

shiyang6017 2019-08-21 14:43 評論0 收藏0