JS中部分陣列遍歷方法以及效能
第一種:普通for迴圈
for(i = 0; i < arr.length; i++) {
}
最簡單、用的最多的一種。效能不錯,還可以繼續優化
第二種:for迴圈plus
for(i = 0,len=arr.length; i < len; i++) {
}
設定了臨時變數len獲取陣列長度,避免重複獲取,這種方法效能最高。
第三種:foreach迴圈
arr.forEach(function(e){
});
陣列自帶的迴圈方式,雖然用的多,但沒有普通for迴圈效能高
第四種:for in迴圈
for(i in arr) { }
可以獲取到arr的鍵
這個,是眾多迴圈中,效率最慢的一個,雖然用的人多.....
第五種:forof遍歷(需要ES6支援)
for(let i of arr) {
});
可以獲取到值
這種方式是es6裡面用到的,效能要好於forin,但仍然比不上普通for迴圈
各種遍歷方式的效能對比
在支援es6的瀏覽器中運行了1000次後得出的結論
- forin 迴圈最慢
- for迴圈plus最快
- 不過我還是覺得普通for迴圈好看
相關推薦
JS中部分陣列遍歷方法以及效能
第一種:普通for迴圈 for(i = 0; i < arr.length; i++) { } 最簡單、用的最多的一種。效能不錯,還可以繼續優化 第二種:for迴圈plus for(i = 0,len=arr.length; i < len; i++) {
JS幾種陣列遍歷方式和效能分析對比
JS陣列遍歷的幾種方式 JS陣列遍歷,基本就是for,forin,foreach,forof,map等等一些方法,以下介紹幾種本文分析用到的陣列遍歷方式以及進行效能分析對比 第一種:普通for迴圈 程式碼如下: for(j = 0; j < arr.length; j++) { }
js陣列遍歷方法解析
在ES5中常用的10種陣列遍歷方法:(以下指令碼可複製黏貼到瀏覽器的console中檢視效果) 1、原始的for迴圈語句 2、Array.prototype.forEach陣列物件內建方法 優點不用定義額外的引數變數,缺點: 效能不如for迴圈不能用return結
Map、List、Set在Java中的各種遍歷方法
try one out 循環 java light size i++ pre 一、Map的4種遍歷 Map<String, String> map = new HashMap<String, String>(); map.put("姓名", "
陣列遍歷方法
1.for迴圈 使用臨時變數,將長度快取起來,避免重複獲取陣列長度,當陣列較大時優化效果才會比較明顯。 for(j = 0,len=arr.length; j < len; j++) { } 2.foreach迴圈 遍歷陣列中的每一項,沒有返回值,對原陣列沒有影響,不支援IE
javascript 陣列遍歷方法對比
for方法 for (var index = 0; index < myArray.length; index++) { console.log(myArray[index]); } 優缺點: 這種寫法比較麻煩 forEach方法 myArray.forEach(function (val
vue 陣列遍歷方法forEach和map的原理解析和實際應用
一、前言 forEach和map是陣列的兩個方法,作用都是遍歷陣列。在vue專案的處理資料中經常會用到,這裡介紹一下兩者的區別和具體用法示例。 二、程式碼 1. 相同點 都是陣列的方法 都用來遍歷陣列 兩個函式都有4個引數:匿名函式中可傳3個引數item(當前項), index(當前項的
js中刪除陣列元素的方法總結。
子曰:“學而時習之,不亦說乎?” 雖然我覺得這裡的習字應該理解為實踐練習,而不是複習,但是這裡權當我理解錯了吧o(╯□╰)o。 今天就整理一下js中刪除陣列元素的方法,包括原生API和自定義API。 原生API: 刪除陣列最後一個元素,arr.pop(),並返回該元素,對原陣
javascript 四種陣列遍歷方法
陣列遍歷方法 收集一些各種遍歷的方法,主要針對陣列 最傳統方法:for( ; ; ){} var arr=[1,2,3,4,5,6]; for(var i=0;i<arr.length;i++){ console.log(arr[i]);
lua中table的遍歷,以及刪除
lua bsp 順序 pairs pos 排列 方式 code 16px Lua 內table遍歷 在lua中有4種方式遍歷一個table,當然,從本質上來說其實都一樣,只是形式不同,這四種方式分別是: 1. ipairs for index, value in ip
js中陣列遍歷的幾種方法及其區別
第一種最常用的:for迴圈 for(j = 0; j < arr.length; j++) { } 優化版for迴圈 for(j = 0,len=arr.length; j < len; j++) {
JS中陣列與物件的遍歷方法例項
一、陣列的遍歷: 首先定義一個數組 arr=['snow','bran','king','nightking']; 1、for迴圈,需要知道陣列的長度; 2、foreach,沒有返回值,可以不知道陣列長度; arr.forEach(function(ele,index
JS遍歷物件以及陣列新增contains方法
今天想直接在陣列中呼叫contains的方法,發現沒有,所以自己寫了一個,可以通過此方法,改寫Array的原型,新增contains方法: Array.prototype.contains = function (obj) { var index = this.length;
JS陣列遍歷-forEach()、map()方法
[{a:'1',b:'11'},{a:'2',b:'21'},{a:'3',b:'31'}].forEach((item, index, array) => { let c = ''; l
angular---angularJs1.x中select如何遍歷渲染option,陣列與物件、索引使用以及動態非同步渲染option項
1、ng-options指令用途: 在表示式中使用陣列或物件來自動生成一個select中的option列表。ng-options與ng-repeat很相似,很多時候可以用ng-repeat來代替ng-options。但是ng-options提供了一些好處,例如
shell中獲取字串長度的方法,獲取陣列元素個數,獲取陣列元素,陣列遍歷
有一個變數var,其值為abbbbsdadhkajsd,設它的長度為len,則用shell獲取此字串的長度,方法如下: len=${#var} 有一個數組A=(a b c d e f) ${A[0]}代表陣列A中的第一個元素a, ${A[@]}是陣列A中的全部元素, ${#
js陣列的遍歷方法filter()、map()、some()、every()、forEach()、lastIndexOf()、indexOf()
filter(): 語法: var filteredArray = array.filter(callback[, thisObject]); 引數說明: callback: 要對每個陣列元素執行的回撥函式。 thisObject :
OC中陣列的遍歷方法
陣列遍歷方法 for迴圈,通過下標遍歷陣列元素 NSArray *arr = @[@"a",@"b",@"c",@"d"]; for (NSInteger i = 0; i < [arr count]; i++) {
陣列的各種遍歷方法和jQuery中的each方法
1.forEach,some,map,filter遍歷陣列 /* * 陣列的forEach方法: * 1、返回給回撥的引數先是值,然後是下標 * 2、回撥函式執行時內部的this指向window * */ /*var arry = [1,2,3,4,5]; a
JavaScript中,陣列和物件的遍歷方法總結
迴圈遍歷是寫程式很頻繁的操作,JavaScript 提供了很多方法來實現。 這篇文章將分別總結陣列和物件的遍歷方法,新手可以通過本文串聯起學過的知識。 陣列遍歷 方法一:for 迴圈 for 迴圈是使用最多,也是效能優化最好的一種遍歷方式。 var arr = ["a", "b", "c"]; for (va