javascript 數組迭代與歸併

来源:http://www.cnblogs.com/shouce/archive/2016/03/11/5264207.html
-Advertisement-
Play Games

數組的5個迭代方法: every(); //對數組中的每一項運行給定函數,如果該函數對每一項都返回true,則返回true; filter(); //對數組中的每一項運行給定函數,返回該函數會返回true的項組成的數組; forEach(); //對數組中的每一項運行給定函數,這個方法沒有返回值;


數組的5個迭代方法:

複製代碼
every(); //對數組中的每一項運行給定函數,如果該函數對每一項都返回true,則返回true;

filter(); //對數組中的每一項運行給定函數,返回該函數會返回true的項組成的數組;

forEach(); //對數組中的每一項運行給定函數,這個方法沒有返回值;

map(); //對數組中的每一項運行給定函數,返回函數每次調用的結果組成的數組;

some(); //對數組中的每一項運行給定函數,如果該函數對任一項返回true,則返回true。
複製代碼

*:以上方法都不會修改數組中包含的值!

每個方法都接受兩個參數,要在每一項上運行的函數和運行該函數的作用域對象(可選、影響this的值)

傳入的函數會接受三個參數:數組項的值、該項在數組中的位置以及數組對象本身。

以map()為例:array1.map(callback[,thisArg])

array1:必需,一個數組對象

callbackfn:必需,一個接受最多三個參數的函數,對於數組中的每個元素,,map都會調用callbackfn一次

thisArg:可選,可在callbackfn中為其引用this關鍵字的對象,如果省略,則undefined將用作this的值。

[“1”,“2”,“3”].map(parseInt)的運行結果是------------[1,NaN,NaN]

parseInt 需要兩個參數(val,radix),而map()傳遞了三個參數:(element,index,array)在這裡map函數將數組的索引傳遞給了第二個參數。


 

 荔枝:寫一個函數,要求傳入一個字元串,統計其中a-z的字母(大小寫均算),若字元串中存在這個英文字母,則在函數返回的長為26的字元串中的相應位置輸出1(按a-z的順序)比如說輸入'a **& bZ',輸出'11000000000000000000000001'【例子都是codewars上的- -解釋能力不行說不太明白】

function change(string) {
  string = string.toLowerCase()
  return 'abcdefghijklmnopqrstuvwxyz'.split('').map(function (c) { 
    return string.indexOf(c) !== -1 ? 1 : 0;
  }).join('');
}

荔枝2: 返回數組中某一項的數量

//比如說
var arr = [0,1,2,2,3]; arr.numberOfOccurrences(0) === 1; arr.numberOfOccurrences(4) === 0; arr.numberOfOccurrences(2) === 2; arr.numberOfOccurrences("a") === 0;
//使用filter()解決:
Array.prototype.numberOfOccurrences = function(search) {
  return this.filter( function(num){ return search === num } ).length;
}

  荔枝3:toWeirdCase()函數,接受一個字元串參數(英文字元,如“Weird string case”,“String”,若有多個單詞則中間用一個空格隔開),這個函數要求輸出一個字元串:其中的每個單詞中位數為奇數的為大寫,其餘小寫。

複製代碼
//#1
function toWeirdCase(string) {

    function singleWeird(e) {
        var word = e.split('');
        for (var i = 0; i < word.length; i += 2) {
            word[i] = word[i].toUpperCase();
        }
        return word.join('');
    }

    return string.split(' ').map(function (e) {
        return singleWeird(e);
    }).join(' ');
}

//#2
function toWeirdCase(string){
  return string.split(' ').map(function(word){
    return word.split('').map(function(letter, index){
      return index % 2 == 0 ? letter.toUpperCase() : letter.toLowerCase()
    }).join('');
  }).join(' ');
}

//#3:
function toWeirdCaseCharacter(chr, index)
{
  return index % 2 ? chr.toLowerCase() : chr.toUpperCase();
}

function toWeirdCaseWord(word){
  return word.split("").map(toWeirdCaseCharacter).join("");
}

function toWeirdCase(string){
  return string.split(" ").map(toWeirdCaseWord).join(" ");
}

//正則:
function toWeirdCase(string){
  return string.replace(/(\b(\S)*\b)/g, function(v,i){
    return v.split("").map(function(v, i) { return (i%2 == 0) ? v.toUpperCase(): v}).join("")
  })
}
複製代碼

 


 

ECMAScript5新增了兩個歸併數組的方法:reduce()和reduceRight()。這兩個方法都會迭代數組的所有項,然後構建一個最終返回的值(對數組中的所有元素調用指定的回調函數。 該回調函數的返回值為累積結果,並且此返回值在下一次調用該回調函數時作為參數提供。)。

其中reduce()從數組的第一項開始而reduceRight()則從最後一項開始往前遍歷。

以reduce();為例:

複製代碼
array1.reduce(callbackfn[, initialValue])
//array1:【必需】 一個數組對象
//callbackfn:【必需】 一個接受最多四個參數的函數。 對於數組中的每個元素,reduce 方法都會調用 callbackfn 函數一次。
//initialValue:【可選】 如果指定 initialValue,則它將用作初始值來啟動累積。 第一次調用 callbackfn 函數會將此值作為參數而非數組值提供

//返回值:通過最後一次調用回調函數獲得的累積結果。

//如果提供了 initialValue,則 reduce 方法會對數組中的每個元素調用一次 callbackfn 函數(按升序索引順序)。 如果未提供 initialValue,則 reduce 方法會對從第二個元素//開始的每個元素調用 callbackfn 函數。(reduceRight()的處理順序相反)

//回調函數的返回值在下一次調用回調函數時作為 previousValue 參數提供。 最後一次調用回調函數獲得的返回值為 reduce 方法的返回值。
複製代碼

 


 

複製代碼
回調函數:
function callbackfn(previousValue, currentValue, currentIndex, array1)
//可使用最多四個參數來聲明回調函數。
//【previousValue】:通過上一次調用回調函數獲得的值。 如果向 reduce 方法提供initialValue,則在首次調用函數時,previousValue 為 initialValue。
//【currentValue】:當前數組元素的值。
//【currentIndex】:當前數組元素的數字索引。
//【array1】:包含該元素的數組對象。
複製代碼

在第一次調用回調函數時,作為參數提供的值取決於 reduce 方法是否具有 initialValue 參數。

如果向 reduce 方法提供 initialValue:

    • previousValue 參數為 initialValue。

    • currentValue 參數是數組中的第一個元素的值。

如果未提供 initialValue:

    • previousValue 參數是數組中的第一個元素的值。

    • currentValue 參數是數組中的第二個元素的值。


 

荔枝:向一個函數傳入一個String,函數返回包含字元串中大寫字母所在位置的數組:

var capitals = function (word) {
  return word.split('').reduce(function(memo, v, i) {
    return v === v.toUpperCase() ? memo.concat(i) : memo;
  }, []);
};

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 回到目錄 之前寫的一篇文章,主要針對View視圖,它可以放在N級目錄下,不必須非要在views/controller/action這種關係了,而在程式運行過程中,發現分頁視圖對本功能並不支持,原因很簡單,在RazorViewEngine有不同的屬於來修飾這兩個東西,對於View的查找,通過ViewL
  • 在平時使用軟體或是.NET程式開發的過程中,我們有時會遇到程式關閉後但進程卻沒有退出的情況,這往往預示著代碼中有問題存在,不能正確的在程式退出時停止代碼執行和銷毀資源。這個現象有時並不容易被察覺,但在另一些情況下卻會產生影響軟體功能的Bug。本文列舉可能影響.NET程式進程退出的因素,並用幾個小例子
  • 求兩個數之和。這個問題夠簡單吧!能做對絕對不是問題,問題是你是否能做的比較好。好了,請看題目: Given an array of integers, return indices of the two numbers such that they add up to a specific targ
  • Controller中的數據,不管是使用的是ViewModel 還是ViewBag.Data,要將他傳遞到View中,這個很容易,但是如果要將它傳遞給JS中的某個對象,這個改如何處理呢? 後臺的數據格式: public class ViewModel { public int ID { get; s
  • 分散式dubbo zookeeperfastdfsactivemqredis 分散式緩存
  • 1 package com.shejimoshi.behavioral.TemplateMethod; 2 3 4 /** 5 * 功能:抽象模板類 6 * 時間:2016年3月10日下午9:02:32 7 * 作者:cutter_point 8 */ 9 public abstract class
  • 本節目錄 介紹 定義Filter 設置Filter 這是Abp中多租戶、軟刪除、激活\禁用等如此方便的原因 Install-Package EntityFramework.DynamicFilters 定義數據 class DemoDb : DbContext { public DemoDb() :
  • 在做h5移動頁面,相信大家一定碰到過頁面已經打開,但是裡面的圖片還未載入出來的情況,這種問題雖然不影響頁面的功能,但是對於不利於用戶體驗。拋開網速的原因,解決這個問題有多方面的思路:最基本的,要從http請求合併,緩存管理,圖片壓縮等方面做性能優化;另外就是可以對頁面里用到的所有圖片做預載入的處理。
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...