javascript中array的map方法的使用

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

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

map() 方法返回一個(gè)新數(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方法會(huì)產(chǎn)生一個(gè)新的數(shù)組，數(shù)組的每一項(xiàng)就是我們r(jià)eturn出去的值（所以map方法必須有返回值，如果沒有return，那么新數(shù)組的每一項(xiàng)都為undefined），數(shù)組的個(gè)數(shù)與原數(shù)組一樣

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/103294.html

相關(guān)文章

Javascript 中的map/reduce

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

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

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

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

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

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

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

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

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

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

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

時(shí)飛 2019-08-20 11:34 評(píng)論0 收藏0