JS開發中常用的小技巧

2022-09-15 09:18:08 字數 4046 閱讀 4994

123

functiongetradomnum(min,max)12

34functiongetradomfromarr(arr)

12

345functiongetarray(len)

等同於:12

3456

7functiongetarray(len)

console.log(arr)

}12

34vararr = [1, 2, 3, 4, 5, 6, 7,'a','dsfs', 8, 9,'v'];

arr.sort(function() );12

3456

78910

1112

1314

//注意物件必須是以下格式的才可以通過此方式轉化為陣列

//獲取的dom集合,以及函式的arguments也可以通過此方式轉化為陣列

varobj =

varobjarr = array.prototype.slice.call(obj);

// var objarr = .slice.call(obj);

console.log(objarr)12

3functionisarray(obj)12

3456

functionmaxandmin(arr)

}12

3456

78910

11//方式一 通過將長度設定為0

vararr = [1, 2, 3, 4, 5];

arr.length = 0;

//方式二 通過splice方法

vararr = [1, 2, 3, 4, 5];

arr.splice(0, arr.length);

//方式三 通過將空陣列 賦值給陣列(嚴格意義來說這只是將ary重新賦值為空陣列,之前的陣列如果沒有引用在指向它將等待垃圾**。)

vararr = [1, 2, 3, 4, 5];

arr = ;12

varnum =4.345678;

num = num.tofixed(4);// 4.3457 第四位小數字以四捨五入計算12

3456

78910

1112

1314

1516

1718

1920

// 生成指定長度的隨機字母數字字串

/*寫法一

function getrandomstr(len)

寫法二

function getrandomstr(len)

return str.substr(0, len);

}*/

/*寫法三*/

functiongetrandomstr(len)12

3456

78910

1112

1314

1516

1718

1920

2122

2324

2526

27functiongetmaxandindex(arr) ;

arr.foreach(function(item, index)

}else

});

varnum = 0;//記錄出現次數最大值

varstr ='';//記錄出現次數最多的字元

varrearr;//返回最大值的位置陣列

for(varattrinobj)

}

return

}

簡單一維陣列的去重方法有很多,這種陣列裡面的值都是普通的資料型別,並沒有物件,因此去重方法有很多,這裡總結一下常用的四種方法(網上還有一些其它的方法):

方法一:雙層迴圈去重

function uniquearr(arr) 

}result.push(arr[i]);

}return result;

}

方法二:利用物件的屬性不能相同去重

function uniquearr(arr) ;

for (var i = 0; i < arr.length; i++)

}return result;

}

方法三:利用下標

function uniquearr(arr) 

}return result;

}

方法四:es6去重

function uniquearr(arr) 

假設有這樣的乙個二維陣列,陣列裡面多個物件的屬性至少有乙個都一樣,那就該如何去除重複的資料呢?這裡總結一下兩種方法:

方法一:雙重迴圈去除法

function uniquearr(arr, key) 

}if (flag) newarr.push(arr[i]);

}return newarr;

}

方法二:利用reduce來實現

function uniquearr(arr, key) ;

return arr.reduce(function(item, next) , );

}

例子:

var arr = [,,,

,,

,]uniquearr(arr, 'id');

js開發中常用小技巧

function getradomnum min,max function getradomfromarr arr function getarray len 等同於 function getarray len console.log arr var arr 1,2,3,4,5,6,7,a dsfs...

js常用小技巧

陣列扁平化 const arr 1,2,3,4,5,6,7,8 console.log arr.flat infinity 1,2,3,4,5,6,7,8 console.log arr.join split 1 2 3 4 5 6 7 8 console.log arr.tostring spli...

開發中常用的js命令

1 獲得視窗長寬高 window width 瀏覽器當前視窗可視區域寬度 document width 瀏覽器視窗文件的寬度 document.body width 瀏覽器當前視窗body的寬度 2 offset屬性 包含2個屬性 top和left 例子 hello 2nd paragraph 3 ...