《javascript語言精粹》學習筆記 - 數組方法實現

felix0913 發布于2019-08-21 10:28 / 1639人閱讀

摘要：在中數組是經常被使用到的，我們除了要學習數組的方法，還需要了解誒一下某一些方法是如何來實現的。然而我看了語言精粹中方法的一章，想記錄下書上的代碼，以便加深印象。方法移除數組中的第一個元素并且放回該元素。

在js中數組是經常被使用到的，我們除了要學習數組的方法，還需要了解誒一下某一些方法是如何來實現的。然而我看了《javascript語言精粹》中方法的一章，想記錄下書上的代碼，以便加深印象。

Array pop()

pop和push方法使得數組可以從堆棧一樣工作。

Array.method("pop", function(){
    return this.splice(this.length - 1, 1)[0];
});

Array push()

push方法把一個或者多個的參數附加到一個數組的尾部。

Array.method("push", function(){
    this.splice.apply( this, [this.length, 0].concat(Array.prototype.slice.apply(arguments)));
    return this.length;
});

Array shift()

shift方法移除數組中的第一個元素并且放回該元素。

Array.method("shift", function(){
    return this.splice(0, 1)[0];
});

Array.unshift()

unshift方法像push一樣，用于把元素添加到數組中，但它是吧參數插入到數組開始部分而不是尾部。

Array.method("unshift", function(){
    this.splice.apply(this, [0, 0].concat(Array.prototype.slice.apply(arguments)));
    return this.length;
});

Array splice()

splice方法從數組中移除一個或者多個元素，并且用新的參數替換它們。

Array.method("splice", function(start, deleteCount){
    var max = Math.max,
        min = Math.min,
        delta, el, 
        insertCount = max(arguments.length - 2, 0),
        k = 0,
        len = this.length,
        new_len, result = [], shift_count;

    start = start || 0;
    if (start < 0) {
        start += len;
    }
    start = max(min(start, len), 0);
    deleteCount = max(min(typeof deleteCount === "number" ? deleteCount : len, len - start), 0);
    delta = insertCount - deleteCount;
    new_len = len + delta;
    while (k < deleteCount) {
        el = this[start + k];
        if (el !== undefined) {
            result[k] = el;
        }
        k += 1;
    }
    shift_count = len - start - deleteCount;
    if (delta < 0) {
        k = start = insertCount;
        while (shift_count) {
            this[k] = this[k - delta];
            k += 1;
            shift_count -= 1;
        }
        this.length = new_len;
    } else if (delta > 0) {
        k = 1;
        while (shift_count) {
            this[new_len - k] = this[len - k];
            k += 1;
            shift_count -= 1;
        }
        this.length = new_len;
    }
    for (k = 0; k < insertCount; k ++) {
        this[start + k] = arguments[k + 2];
    }
    return result;
});

這里只是摘抄了書上的一些實例，還有許多數組的方法可以思考如何去實現，如果有什么不對的地方請指教，與大家共勉！

云服務器 GPU云服務器 javascript語言精粹 javascript學習筆記 javascript數組方法 javascript實現方法

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/85601.html

【閱讀筆記】javascript 語言精粹

摘要：前言由于最近的項目用到了一些的代碼，所以我帶著好奇心，認真閱讀了這本書，粗略地了解語言的基本結構和特性，對于一些不熟悉的新概念，以記錄的形式加強印象，也是對學習的反思總結。前言由于最近的項目用到了一些js的代碼，所以我帶著好奇心，認真閱讀了這本書，粗略地了解js語言的基本結構和特性，對于一些不熟悉的新概念，以記錄的形式加強印象，也是對學習的反思總結。一、字面量(literals...

tangr206 2019-08-23 11:38 評論0 收藏0
《JavaScript 語言精粹》讀書筆記 - 函數（二）

摘要：對象被傳遞到從句中被捕獲。一些語言提供了尾遞歸優化。這意味著如果一個函數返回自身遞歸調用的結果，那么調用的過程會被替換為一個循環，可以顯著提高速度。構建一個帶尾遞歸的函數。語言精粹讀書筆記函數第四章函數 Functions （二）參數 arguments arguments數組：函數可以通過此參數訪問所有它被調用時傳遞給它的參數列表，包括哪些沒有被分配給函數聲明時定義的形式參數...

lufficc 2019-08-22 15:10 評論0 收藏0
《javascript語言精粹》學習筆記 - 遞歸函數

摘要：遞歸函數就是會直接或者間接地調用自身的一種函數。一般來說，一個遞歸函數調用自身去解決它的子問題。書上第二個例子是說遞歸函數可以非常高效率的操作樹形結構，比如。有一些語言提供了尾遞歸的優化。好運的是，給我們帶來了尾遞歸，詳細迎接使用尾遞歸。遞歸函數就是會直接或者間接地調用自身的一種函數。遞歸是一種強大的編程技術，它把一問題分解為一組相似的子問題，每一個都用一個尋常解去解決。一般來...

Ryan_Li 2019-08-21 10:28 評論0 收藏0
《JavaScript 語言精粹》讀書筆記 - 函數

摘要：語言精粹讀書筆記第四章函數函數字面量函數字面量包含個部分第一部分，保留字第二部分，函數名，它可以被忽略。這個超級延遲綁定使得函數對高度復用。構造器調用模式一個函數，如果創建的目的就是希望結合的前綴來調用，那它就被稱為構造器構造。《JavaScript 語言精粹》讀書筆記第四章函數 Functions 函數字面量函數字面量包含4個部分：第一部分，保留字 function...

wdzgege 2019-08-22 14:54 評論0 收藏0
《javascript語言精粹》學習筆記 - 對象

摘要：對象適用于匯集和管理數據。一個對象字面量就是包圍在一對花括號的多個名值對。嘗試從對象里取值將會導致異常。亦不會觸及原型鏈中的任何對象。嚴格模式下，不能用刪除顯式聲明的標識符，名稱或具名函數。 Javascirpt里的對象是無類型的。它對新屬性的名字和屬性的值沒有任何的限制。對象適用于匯集和管理數據。對象可以包括其他對象，所以它們可以容易地表示成樹狀或者圖形結構。對象字面量 ...

LoftySoul 2019-08-21 10:27 評論0 收藏0