javascript常用數組演算法總結

来源:http://www.cnblogs.com/xiabingbing/archive/2017/08/29/7447526.html
-Advertisement-
Play Games

數組去重 方法一 數組去重 方法一 //利用 filter var arr = [1,4,2,5,6,4,2,7] var arr1 = arr.filter(function(element, index, self){ return self.indexOf(element) == index ...


數組去重

方法一

//利用 filter
var arr = [1,4,2,5,6,4,2,7]
var arr1 = arr.filter(function(element, index, self){
    return self.indexOf(element) == index
});
arr1   //[1, 4, 2, 5, 6, 7]

 

方法二

//利用indexOf
function unique (arr) {
  var result = []; 
  for (var i = 0; i < arr.length; i++)
  {
    if (result.indexOf(arr[i]) == -1) result.push(arr[i]);
  }
  return result;
}

 

方法三

//利用hash表,可能會出現字元串和數字一樣的話出錯,如var a = [1, 2, 3, 4, '3', 5],會返回[1, 2, 3, 4, 5]
function unique (arr)
{
    var hash = {},result = []; 
    for(var i = 0; i < arr.length; i++)
    {
        if (!hash[arr[i]]) 
        {
            hash[arr[i]] = true; 
            result.push(arr[i]); 
        }
    }
    return result;
}

 

方法四

//排序後比較相鄰,如果一樣則放棄,否則加入到result。會出現與方法三一樣的問題,如果數組中存在1,1,'1'這樣的情況,則會排錯
function unique (arr) {
    arr.sort();
    var result=[arr[0]];
    for(var i = 1; i < arr.length; i++){
        if( arr[i] !== arr[i-1]) {
            result.push(arr[i]);
        }
    }
    return result;
}

 

方法五

//最簡單但是效率最低的演算法,也不會出現方法三和方法四齣現的bug
function unique (arr) {
    if(arr.length == 0) return;
    var result = [arr[0]], isRepeate;
    for( var i = 0, j = arr.length; i < j; i++ ){
        isRepeate = false;
        for( var k = 0, h = result.length; k < h; k++){
            if(result[k] === arr[i]){
                isRepeate = true;
                break;
            }
            if(k == h) break;
        }
        if( !isRepeate ) result.push(arr[i]);
    }
    return result;
}

 


數組順序擾亂

方法一

//每次隨機抽一個數並移動到新數組中
function shuffle(array) {
    var copy = [],
        n = array.length,
        i;
    // 如果還剩有元素則繼續。。。
    while (n) {
        // 隨機抽取一個元素
        i = Math.floor(Math.random() * array.length);
        // 如果這個元素之前沒有被選中過。。
        if (i in array) {
            copy.push(array[i]);
            delete array[i];
            n--;
        }
    }

 

方法二

//跟方法1類似,只不過通過splice來去掉原數組已選項
function shuffle(array) {
    var copy = [],
        n = array.length,
        i;
    // 如果還剩有元素。。
    while (n) {
        // 隨機選取一個元素
        i = Math.floor(Math.random() * n--);
        // 移動到新數組中
        copy.push(array.splice(i, 1)[0]);
    }
    return copy;
}

 

方法三

//前面隨機抽數依次跟末尾的數交換,後面依次前移,即:第一次前n個數隨機抽一個跟第n個交換,第二次前n-1個數跟第n-1個交換,依次類推。
function shuffle(array) {
    var m = array.length,
        t, i;
    // 如果還剩有元素…
    while (m) {
        // 隨機選取一個元素…
        i = Math.floor(Math.random() * m--);
        // 與當前元素進行交換
        t = array[m];
        array[m] = array[i];
        array[i] = t;
    }
    return array;
}

 


數組判斷

方法一

//自帶的isArray方法
var array6 = [];
Array.isArray(array6 );//true

 

方法二

//利用instanceof運算符
var array5 = [];
array5 instanceof Array;//true

 

方法三

//利用toString的返回值
function isArray(o) {
    return Object.prototype.toString.call(o) === ‘[object Array]‘;
}

 


數組求並集

//方法原理:連接兩個數組並去重
function arrayUnique(array) {
    var a = array.concat();
    for(var i=0; i<a.length; ++i) {
        for(var j=i+1; j<a.length; ++j) {
            if(a[i] === a[j])
                a.splice(j--, 1);
        }
    }

    return a;
};

 


數組求差集

//利用filter和indexOf方法
Array.prototype.diff = function(a) {
    return this.filter(function(i) {return a.indexOf(i) &lt; 0;});
};

 


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

-Advertisement-
Play Games
更多相關文章
  • javascript中如何實現繼承 ...
  • 對象和變數的區別 假如你叫張三,“變數”和“對象”的區別就是“張三”和“你”的區別 再比如: Var st = [40,25]; 上述的完整版是: Var st =new Array(); St[0]=40; St[1]=25; 這意思是將一個數組類型的對象賦值給一個var類型的變數。也可以理解為v ...
  • 我們一般使用webpack熱載入開發SPA應用,但工作中難免會遇到一些多頁面的demo或項目。 故參考 kingvid-chan 的代碼,搭了一個使用HRM開發多頁面web應用的腳手架,剛好也進一步學習webpack。 項目結構很簡單,需要註意的是: 因使用fs等api,所以每次添加新頁面之後,需要 ...
  • [1]效果演示 [2]功能分析 [3]靜態時鐘 [4]動態效果 [5]完整代碼 ...
  • var csns=document.getElementById("csns"); var tcx=csns.getContext("2d"); csns.style.border="1px red solid"; tcx.strokeStyle="#1296DB" tcx.beginPath();... ...
  • router.js html: ...
  • 先聲明下:本文中的switch僅限於JS,我並未查閱過其他編程語言中switch的語法,但有朋友反映在OC中並不適用! 一、switch語句基礎概念 屬於選擇結構,一般用於選擇要執行的多個代碼塊之一。 基本語法 工作原理:首先設置表達式 ,通常是一個變數。隨後表達式的值會與結構中的每個 case 的 ...
  • 網上一查,肯定搜索到繼承的文章真心不少。我這裡就只說一下自己常用的方式: 通常 在編寫一個類的做法是,在構造函數里聲明欄位,在prototype里指定方法。 demo: ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...