javascript中array的map方法的使用

gggggggbong 發(fā)布于2019-08-23 16:47 / 1038人閱讀

摘要：方法返回一個新數(shù)組，數(shù)組中的元素為原始數(shù)組元素調(diào)用函數(shù)處理后的值。例例注意使用方法會產(chǎn)生一個新的數(shù)組，數(shù)組的每一項就是我們出去的值所以方法必須有返回值，如果沒有，那么新數(shù)組的每一項都為，數(shù)組的個數(shù)與原數(shù)組一樣

map() 方法返回一個新數(shù)組，數(shù)組中的元素為原始數(shù)組元素調(diào)用函數(shù)處理后的值。

var arr = [1,2,3,4,5,6,7];
var ar = arr.map(function(elem){

return elem*4;

});
console.log(ar);//[4, 8, 12, 16, 20, 24, 28]
console.log(arr);//[1,2,3,4,5,6,7]
例2：

let arr = [1,2,3,4,5]
let newArr = arr.map((item)=>{
    item =  item<2?item=3:item
    return item
})
console.log(newArr)//[3, 2, 3, 4, 5]

例3：

let arr = [1,2,3,4,5]
let newArr = arr.map((item)=>{
    return item>3
})
console.log(newArr)//[false, false, false, true, true]

注意：使用map方法會產(chǎn)生一個新的數(shù)組，數(shù)組的每一項就是我們return出去的值（所以map方法必須有返回值，如果沒有return，那么新數(shù)組的每一項都為undefined），數(shù)組的個數(shù)與原數(shù)組一樣

云服務(wù)器 GPU云服務(wù)器 map集合的使用 javascript的方法 javascript的使用 array_map

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

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

相關(guān)文章

Javascript 中的map/reduce

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

zhou_you 2019-08-20 15:09 評論0 收藏0
JavaScript中Array的一些實用操作技巧

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

yy13818512006 2019-08-22 10:36 評論0 收藏0
JavaScript30秒，從入門到放棄之Array（三）

摘要：否則，直接循環(huán)去拼接該值返回按照指定的方法對數(shù)組元素進行分組歸類。使用創(chuàng)建一個對象，對象的鍵是生成的結(jié)果，值是符合該鍵的所有數(shù)組元素組成的數(shù)組。微信公眾號秒，從入門到放棄之三原文鏈接：JavaScript30秒，從入門到放棄之Array（三）水平有限，歡迎批評指正 flattenDepth Flattens an array up to the specified depth....

FrancisSoung 2019-08-21 18:31 評論0 收藏0
JavaScript30秒，從入門到放棄之Array（七）

摘要：地址秒，從入門到放棄之七博客地址秒，從入門到放棄之七水平有限，歡迎批評指正剔除掉數(shù)組中所有存在于所指定的元素們的項。使用，和來創(chuàng)建由兩個數(shù)組元素拼接而成的所有可能對并將它們存在一個數(shù)組中的數(shù)組。 GitHub地址：JavaScript30秒，從入門到放棄之Array（七）博客地址：JavaScript30秒，從入門到放棄之Array（七）水平有限，歡迎批評指正 without ...

Cciradih 2019-08-26 11:45 評論0 收藏0
JavaScript之?dāng)?shù)組

摘要：數(shù)組的特別之處在于，當(dāng)使用小于的非負(fù)整數(shù)作為屬性名時數(shù)組會自動維護其屬性值。返回的數(shù)組包含第一個參數(shù)指定的位置和所有到但不含第二個參數(shù)指定的位置之間的所有數(shù)組元素。數(shù)組中只需有一項滿足給定條件則返回。概念 JavaScript數(shù)組是JavaScript對象的特殊形式。數(shù)組索引實際上和碰巧是整數(shù)的屬性名差不多，使用方括號訪問數(shù)組元素就像用方括號訪問對象的屬性一樣。JavaScript將...

coolpail 2019-08-23 18:33 評論0 收藏0
JavaScript函數(shù)式編程（1）：基本思想

摘要：中的函數(shù)式編程思想匿名函數(shù)在函數(shù)式編程語言中，函數(shù)是可以沒有名字的，匿名函數(shù)通常表示可以完成某件事的一塊代碼。匿名函數(shù)中包含對的局部變量的引用，因此當(dāng)返回時，的值被保留不會被垃圾回收機制回收，持續(xù)調(diào)用，將會改變的值。 1 函數(shù)式編程簡介函數(shù)式編程是和傳統(tǒng)命令式編程區(qū)分的一種編程思想，在函數(shù)式編程語言中，函數(shù)是第一類的對象，也就是說，函數(shù) 不依賴于任何其他的對象而可以獨立存在，而在面向...

時飛 2019-08-20 11:34 評論0 收藏0