2. 程式人生 > >js 方法總結

js 方法總結

阿新 • • 發佈：2018-12-28

JS 的 forEach 和 map 方法都是 ES5 為處理陣列而新增的迭代方法，區別在於 map 方法返回一個新陣列，而 forEach 方法沒有返回值。舉個例子：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

var arr = [1, 2, 4, 7, 8];

// 目標：上述數組裡的每一項偶數都+1，使整個數組裡都是奇數。

 

// map 方法

var result = arr.map(

function(item) {

    return item % 2 === 0 ? item + 1 : item;

});

console.log(result);  // [1, 3, 5, 7, 9]

 

// forEach 方法

var result = [];

arr.forEach(function

(item) {

    if (item % 2 === 0) {

        item += 1;

    }

    result.push(item);

});

console.log(result);  // [1, 3, 5, 7, 9]

從上述例子可以看出，使用 map 方法要方便的多，程式碼也更優雅。這裡需要注意的是這兩個方法不支援 IE9 以下的 IE 瀏覽器，要相容的話一般用 for 迴圈來實現：

1

2

3

4

5

6

7

8

9

// for 迴圈方法

var result = [];

for (var i = 0; i < arr.length; i++) {

    if (arr[i] % 2 === 0) {

        arr[i] += 1;

    }

    result.push(arr[i]);

}

console.log(result);  // [1, 3, 5, 7, 9]

 

相關推薦

js 方法總結

JS 的 forEach 和 map 方法都是 ES5 為處理陣列而新增的迭代方法，區別在於 map 方法返回一個新陣列，而 forEach 方法沒有返回值。舉個例子： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

常用原生JS方法總結（相容性寫法）

經常會用到原生JS來寫前端。。。但是原生JS的一些方法在適應各個瀏覽器的時候寫法有的也不怎麼一樣的。。。 今天下班有點累。。。 就來總結一下簡單的東西吧…… 備註：一下的方法都是包裹在一個EventUtil物件裡面的，直接採用物件字面量定義方法了。。。 ①新增事件方法 addHandle

常用js方法總結

一、live用法  可以繫結一個或多個事件型別的字串和函式的資料對映來執行他們，需要引入jquery.js $("a").live({ click: function() { // do something on click }, mouseover

常用原生JS方法總結（兼容性寫法）

ext tail false document 是否 lai type 方式 事件 經常會用到原生JS來寫前端。。。但是原生JS的一些方法在適應各個瀏覽器的時候寫法有的也不怎麽一樣的。。。 備註：一下的方法都是包裹在一個EventUtil對象裏面的，直接采用對

js學習總結----call方法深入

pro 是我 學習總結 type 模擬 eva -- tex span 　　　　 var obj = {name:"張三"} function fn(){ console.log(this) } fn

防止js全局變量汙染方法總結

本想 study jquer 當前頁 解釋器 開發 href 防止 http javaScript 可以隨意定義保存所有應用資源的全局變量。但全局變量可以削弱程序靈活性，增大了模塊之間的耦合性。在多人協作時，如果定義過多的全局變量 有可能造成全局變量沖突，也就是全局變量汙染

js Array數組對象常見方法總結

apply join() type 方法 創建 數字 result right fin Array對象一般用來存儲數據。 其常用的方法包括： 1、concatc()方法 concat() 方法用於合並兩個或多個數組。它不會更改現有數組，而是返回一個新數組。 例如： v

js學習總結----less常用的方法

width style min code blog com 亮度 cal back 1、color 解析顏色 把代表顏色的字符串轉換為顏色值 @c:‘#000‘ .box{ background:color(@c) } 2、data-uri 把我們需要使用的

關於js中的字符串方法和數組方法總結

nic 進度 數組 位置 eat spa 對象 空字符 from 　　最近學習進度很緊張，每天要吸收的知識很多，對於之前學習過的知識有點淡忘，為了鞏固之前的所學知識，總結一篇關於字符串和數組的方法。 　　　　　　　　　　　　　　　　　　　　關於字符串的知識總結　 str

關於js中數組方法總結

filter foreach 默認 tin ffffff 關於 調用 index reducer 數組在筆試中經常會出現的面試題，javascript中的數組與其他語言中的數組有些不同，為了方便之後數組的方法學習，整理了關於數組的操作方法 數組創建 JavaScript中創

JS常用方法總結

ber 解析 單詞 tin js sort rep 無法 lac 瀏覽器 1.javascript刪除元素節點 　　IE中有這樣一個方法:removeNode()，這個方法在IE下是好使的，但是在Firefox等標準瀏覽器中就會報錯了 removeNode is not

常用JS對象的方法總結

con 大寫 log ear param round 默認 search for http://www.cnblogs.com/Yfling/p/6681207.html String 方法描述 charAt() 返回在指定位置的字符。 charCodeAt(

JS刷新當前頁面的幾種方法總結

onu navigate mman reload 存在 .exe time 通過 復制代碼 reload 方法，該方法強迫瀏覽器刷新當前頁面。語法：location.reload([bForceGet])

jQuery-全屏滾動插件【fullPage.js】API 使用方法總結

ide fixed uart 移動 alc add 兩個 電子 寬度 jQuery-全屏滾動插件fullPage.js使用方法總結 　　作者github及下載地址:https://github.com/alvarotrigo/fullPage.js　 　今天說下jQuer

第191天：js---Array常用屬性和方法總結

rip 所有 數組排序 添加 總結 合並 擴展方法 class 字符串 Array---常用屬性和方法總結 1、Array對象構造函數 1 /*Array對象構造函數*/ 2 3 /*組合記憶 shift unshift pop push 4 添

js字符串常用方法總結

總結 方法 一個 兩個 asc color 指定 mit str 1、str.length——獲取字符串長度（字符串屬性） 1 var str = ‘JavaScript‘; 2 str.length; // 10 2、str.charAt(index)——返回字符串的

js中數組常用方法總結

dds 設置 布爾 nsh border 方式 cal AR 操作數 前言 從事前端到現在也有快兩年了，平時也會收集整理一些筆記放在印象筆記，不過收集過之後就在沒有看過，經大佬指點，真正掌握一個知識點，最好的方式就是用自己的話把內容講明白，就開始將以前零散的東西整合一下，和

js數組常用方法總結

mod reducer length 方法 指定 box 但是 map pre 最近工作中經常用到數組操作，每次都傻傻不知道怎麽用，今天有時間整理了一下，希望對大家有幫助！這些基礎的知識，要熟記於心。 1、 join() 功能：將數組中所有元素都轉化為字符串並連接在一起

js 數組去重的方法總結

index 直接 unique 都是 沈澱 spa clas 轉換 見證 想沈澱一下自己。代碼改變世界~~~ 1、利用Array.from代碼如下 1 var arr = [1,2,3,4,3,2,1] 2 function unique(arr)

JS實現數組去重方法總結(極速PC蛋蛋六種方法)

組元 urn 合並 ++i push oop tarray 開始 實現 方法一： 雙層循環，外層循環元素極速PC蛋蛋QQ2952777280【話仙源碼論壇】hxforum.com【木瓜源碼論壇】papayabbs.com，內層循環時比較值 如果有相同的值則跳過，不相同則pu