av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

JavaScript手寫數組的常用函數總結

瀏覽:71日期:2023-06-14 15:27:24
前言

在開發過程中,我們常常使用數組的一些 api 相關操作,其中包含 forEach 、 filter 、 find 、 findIndex 、 map 、 some 、 every 、 reduce 、 reduceRight 等函數方法。

今天,我們試試手寫這些函數,實現數組這些函數方法。為了方便,直接在數組原型對象 prototype 上擴展。

本文 Githab 已上傳,更多往期文章已分類整理。

正文

參數說明

callbackFn 回調函數

thisArg 執行 callbackFn 時使用的 this 值

currentValue 數組中正在處理的元素

index 當前索引

array 源數組

accumulator 累加器

initialValue reduce reduceRight 第一次調用 callbackFn 函數時的第一個參數的值默認值

element 自己實現的 this 對象

forEach 函數

語法: arr.forEach(callbackFn(currentValue [, index [, array]])[, thisArg])

方法功能: 對數組的每個元素執行一次給定的函數。

返回:undefined。

自定義函數:myForEach。

Array.prototype.myForEach = function(callbackFn, thisArg) { if (typeof callbackFn !== ’function’) throw (’callbackFn參數必須是函數’); let element = this, len = element && element.length || 0; if (!thisArg) thisArg = element; for (let index = 0; index < len; index++) { callbackFn.call(thisArg, element[index], index, element); }};filter 函數

語法: var newArray = arr.filter(callbackFn(currentValue[, index[, array]])[, thisArg])

方法功能: 創建一個新數組, 其包含通過所提供函數實現的測試的所有元素。

返回:一個新的、由通過測試的元素組成的數組,如果沒有任何數組元素通過測試,則返回空數組。

自定義函數:myFilter。

Array.prototype.myFilter = function(callbackFn, thisArg) { if (typeof callbackFn !== ’function’) throw (’callbackFn參數必須是函數’); let element = this, len = element && element.length || 0, result = []; if (!thisArg) thisArg = element; for (let index = 0; index < len; index++) { if (callbackFn.call(thisArg, element[index], index, element)) result.push(element[index]); } return result;};find 函數

語法: arr.find(callbackFn[, thisArg])

方法功能: 返回數組中滿足提供的測試函數的第一個元素的值。否則返回 undefined。

返回:數組中第一個滿足所提供測試函數的元素的值,否則返回 undefined。

自定義函數:myFind。

Array.prototype.myFind = function(callbackFn, thisArg) { if (typeof callbackFn !== ’function’) throw (’callbackFn參數必須是函數’); let element = this, len = element && element.length || 0; if (!thisArg) thisArg = element; for (let index = 0; index < len; index++) { if (callbackFn.call(thisArg, element[index], index, element)) { return element[index]; } } return}findIndex 函數

語法: arr.findIndex(callbackFn[, thisArg])

方法功能: 返回數組中滿足提供的測試函數的第一個元素的值。否則返回 undefined。

返回:數組中通過提供測試函數的第一個元素的索引。否則,返回-1。

自定義函數:myFindIndex。

Array.prototype.myFindIndex = function(callbackFn, thisArg) { if (typeof callbackFn !== ’function’) throw (’callbackFn參數必須是函數’); let element = this, len = element && element.length || 0; if (!thisArg) thisArg = element; for (let index = 0; index < len; index++) { if (callbackFn.call(thisArg, element[index], index, element)) return index; } return -1;}fill函數

語法: arr.fill(value[, start[, end]])

方法功能: 用一個固定值填充一個數組中從起始索引到終止索引內的全部元素。不包括終止索引。

返回:返回替換的值,原數組發生改變。

自定義函數:myFill。

Array.prototype.myFill = function(value, start = 0, end) { let element = this, len = element && element.length || 0; end = end || len; let loopStart = start < 0 ? 0 : start, // 設置循環開始值 loopEnd = end >= len ? len : end; // 設置循環結束值 for (; loopStart < loopEnd; loopStart++) { element[loopStart] = value; } return element;}map 函數

語法: var new_array = arr.map(function callbackFn(currentValue[, index[, array]]) {// Return element for new_array }[, thisArg])

方法功能: 創建一個新數組,其結果是該數組中的每個元素是調用一次提供的函數后的返回值。

返回:測試數組中是不是至少有1個元素通過了被提供的函數測試。它返回的是一個Boolean類型的值。 一個由原數組每個元素執行回調函數的結果組成的新數組。

自定義函數:myMap。

Array.prototype.myMap = function(callbackFn, thisArg) { if (typeof callbackFn !== ’function’) throw (’callbackFn參數必須是函數’); let element = this, len = element && element.length || 0, result = []; if (!thisArg) thisArg = element; for (let index = 0; index < len; index++) { result[index] = callbackFn.call(thisArg, element[index], index, element); } return result;}some 函數

語法: arr.some(callbackFn(currentValue[, index[, array]])[, thisArg])

方法功能: 測試數組中是不是至少有1個元素通過了被提供的函數測試。它返回的是一個Boolean類型的值。

返回:數組中有至少一個元素通過回調函數的測試就會返回true;所有元素都沒有通過回調函數的測試返回值才會為false。

自定義函數:mySome。

Array.prototype.mySome = function(callbackFn, thisArg) { if (typeof callbackFn !== ’function’) throw (’callbackFn參數必須是函數’); let element = this, len = element && element.length || 0; if (!thisArg) thisArg = element; for (let index = 0; index < len; index++) { if (callbackFn.call(thisArg, element[index], index, element)) return true; } return false;}every 函數

語法: arr.every(callbackFn(currentValue[, index[, array]])[, thisArg])

方法功能 :測試一個數組內的所有元素是否都能通過某個指定函數的測試。它返回一個布爾值。

返回:如果回調函數的每一次返回都為 true 值,返回 true,否則返回 false。

自定義函數:myEvery。

Array.prototype.myEvery = function(callbackFn, thisArg) { if (typeof callbackFn !== ’function’) throw (’callbackFn參數必須是函數’); let element = this, len = element && element.length || 0; if (!thisArg) thisArg = element; for(let index = 0; index < len; index++) { if (!callbackFn.call(thisArg, element[index], index, element)) return false; } return true;}reduce 函數

語法: arr.reduce(callback(accumulator, currentValue[, index[, array]])[, initialValue])

方法功能: 對數組中的每個元素執行一個由您提供的reducer函數(升序執行),將其結果匯總為單個返回值。

返回:函數累計處理的結果。

自定義函數:myReduce。

Array.prototype.myReduce = function(callbackFn, initialValue) { if (typeof callbackFn !== ’function’) throw (’callbackFn參數必須是函數’); let element = this, len = element.length || 0, index = 0, result; if (arguments.length >= 2) { result = arguments[1]; } else { while (index < len && !(index in element)) index++; if (index >= len) throw new TypeError(’Reduce of empty array ’ + ’with no initial value’); result = element[index++]; } while (index < len) { if (index in element) result = callbackFn(result, element[index], index, element); index++; } return result;}reduceRight 函數

語法: arr.reduceRight(callback(accumulator, currentValue[, index[, array]])[, initialValue])

方法功能: 接受一個函數作為累加器(accumulator)和數組的每個值(從右到左)將其減少為單個值。

返回:執行之后的返回值。

自定義函數:myReduceRight。

Array.prototype.myReduceRight = function(callbackFn, initialValue) { if (typeof callbackFn !== ’function’) throw (’callbackFn參數必須是函數’); let element = this, len = element.length || 0, index = len - 1, result; if (arguments.length >= 2) { result = arguments[1]; } else { while (index >= 0 && !(index in element)) { index--; } if (index < 0) { throw new TypeError(’reduceRight of empty array with no initial value’); } result = element[index--]; } for (; index >= 0; index--) { if (index in element) { result = callbackFn(result, element[index], index, element); } } return result;}最后

到此這篇關于JavaScript手寫數組常用函數總結的文章就介紹到這了,更多相關JS手寫數組常用函數內容請搜索好吧啦網以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持好吧啦網!

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 欧美成人二区 | 国产精品久久久久久亚洲调教 | 99久久精品国产一区二区三区 | 色婷婷综合久久久久中文一区二区 | 超碰成人免费观看 | 精品欧美在线观看 | 久久精品福利 | 精品国产黄a∨片高清在线 www.一级片 国产欧美日韩综合精品一区二区 | 成人在线亚洲 | 精品区一区二区 | 久国产| 国产成人综合网 | 国产日韩一区二区三免费高清 | 交专区videossex农村 | 粉嫩粉嫩芽的虎白女18在线视频 | 日韩一区中文字幕 | 久久久久电影 | 超碰97人人人人人蜜桃 | 91精品福利 | 成人精品视频在线观看 | 午夜一区二区三区在线观看 | 欧美精品在线播放 | 日韩欧美三级 | 拍真实国产伦偷精品 | 国内精品久久久久久 | 久久综合久久自在自线精品自 | 日韩午夜一区二区三区 | 亚洲精品一区二区三区四区高清 | 91av在线免费 | 国产ts人妖一区二区三区 | 国产高清在线 | 精品一区二区久久 | av电影一区 | 日本精品久久久久 | 欧美伊人 | 亚洲视频中文字幕 | 成在线人视频免费视频 | 国产精品福利一区二区三区 | 国产 日韩 欧美 制服 另类 | av在线免费看网址 | 久久99精品久久 |