js實例教程-分享8個js的使用小技巧

发布时间:2018-11-23 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了js實例教程-分享8個js的使用小技巧脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小寶典致力於為廣大程序猿(媛)提供高品質的代碼服務,請大家多多光顧小站,小寶典在此謝過。

1、如何優雅的取隨機字符竄

Math.random().toString(16).substring(2) //13位

Math.random().toString(36).substring(2) //11位

2、如何優雅的取整

VAR a = ~~2.33;        //2

var b = 2.33|0;         //2

var c = 2.33>>0;     //2

3、如何用正則優雅的實現金錢格式化:1234567890 --> 1,234,567,890

正則寫法:reg = //B(?=(/d{3})+(?!/d))/g

4、如何最佳讓兩個整數交換數值

var a = 1;

var b = 2;

a^=b;

b^=a;

a^=b;

//a = 2, b = 1

5、最短的代碼實現數組去重(ES6版本才有的數據結構Set)

newSet([1,"1",2,1,1,3]);

6、取數組中的最大值/最小值

var s = [1,2,3,4,5,6,7,8];

var max = Math.max.apply(Math,s);

var max = Math.min.apply(Math,s);

7、arguments對象

        在函數代碼中,使用特殊對象 arguments,開發者無需明確指出參數名,就能訪問它們。例如,在函數 sayHi() 中,第一個參數是 message。用 arguments[0] 也可以訪問這個值,即第一個參數的值(第一個參數位於位置 0,第二個參數位於位置 1,依此類推)。

因此,無需明確命名參數,就可以重寫函數:

function name(){

  return arguments[0];//獲取參數的個數用arguments.length

}

console.LOG(name("劉德華"));    //輸出"劉德華"

8、Function構造函數接受的參數中,第一個是要傳入的參數名,第二個是函數內的代碼

這種方式可以根據傳入字符串內容來創建一個函數

var add = new Function("a","a = a+10;return a;");

console.log(add(123));   //輸出:133

1、如何優雅的取隨機字符竄

Math.random().toString(16).substring(2) //13位

Math.random().toString(36).substring(2) //11位

2、如何優雅的取整

var a = ~~2.33;        //2

var b = 2.33|0;         //2

var c = 2.33>>0;     //2

3、如何用正則優雅的實現金錢格式化:1234567890 --> 1,234,567,890

正則寫法:reg = //B(?=(/d{3})+(?!/d))/g

4、如何最佳讓兩個整數交換數值

var a = 1;

var b = 2;

a^=b;

b^=a;

a^=b;

//a = 2, b = 1

5、最短的代碼實現數組去重(ES6版本才有的數據結構Set)

newSet([1,"1",2,1,1,3]);

6、取數組中的最大值/最小值

var s = [1,2,3,4,5,6,7,8];

var max = Math.max.apply(Math,s);

var max = Math.min.apply(Math,s);

7、arguments對象

        在函數代碼中,使用特殊對象 arguments,開發者無需明確指出參數名,就能訪問它們。例如,在函數 sayHi() 中,第一個參數是 message。用 arguments[0] 也可以訪問這個值,即第一個參數的值(第一個參數位於位置 0,第二個參數位於位置 1,依此類推)。

因此,無需明確命名參數,就可以重寫函數:

function name(){

  return arguments[0];//獲取參數的個數用arguments.length

}

console.log(name("劉德華"));    //輸出"劉德華"

8、Function構造函數接受的參數中,第一個是要傳入的參數名,第二個是函數內的代碼

這種方式可以根據傳入字符串內容來創建一個函數

var add = new Function("a","a = a+10;return a;");

console.log(add(123));   //輸出:133

覺得可用,就經常來吧!Javascript技巧 腳本寶典 歡迎評論哦! js技巧,巧奪天工,精雕玉琢。小寶典獻醜了!

脚本宝典总结

以上是脚本宝典为你收集整理的js實例教程-分享8個js的使用小技巧全部内容,希望文章能够帮你解决js實例教程-分享8個js的使用小技巧所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。