摘要:下面是收集了一些中的一些小技巧,會不定時更新,歡迎留言補充。專業的叫法是,可以保持唯一性,具有復雜的算法,這里僅僅介紹簡單的。以下列舉幾種生成方法第一種隨機程度可以隨著的調用次數而變化第二種原理差不多交換值第一種第二種請自行領悟。
下面是收集了一些Javascript中的一些小技巧,會不定時更新,歡迎留言補充。
數字0-6到“一二三四五六日”的對應Javascript中的日期對象得到星期時是使用getDay()方法,得到的是0-6的數字
要實現的方法是
var chineseWeek = getChineseWeek(3); // chineseWeek為三
比較啰嗦的實現方法有switch
注意:以下實現都省略了空值判斷等
var getChineseWeek = function(n) { var w = ""; switch(n) { case 0: w = "日"; break; case 1: w = "一"; break; ... } return w; };
第二種可以使用數組
var getChineseWeek = function(n) { return ["日", "一", "二", "三", "四", "五", "六"][n]; };
第三種使用字符串
var getChineseWeek = function(n) { return "日一二三四五六".charAt(n); };快速得到標準的時間格式
我們經常有這樣的需求,把當前的時間轉化為2014-06-23 11:36:41的形式,通常的實現方式是
var formatNum = function(n) { return n > 10 ? n : "0" + n; }; var getCurrDateTime = function() { var d = new Date(), year = d.getFullYear(), month = d.getMonth() + 1, day = d.getDate(), hour = d.getHours(), min = d.getMinutes(), sec = d.getSeconds(); return year + "-" + formatNum(month) + "-" + formatNum(day) + " " + formatNum(hour) + ":" + formatNum(min) + ":" + formatNum(sec); };
我們可以使用正則簡化一下
var getCurrDateTime = function() { var d = new Date(); var dt = d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate() + " " + d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds(); return dt.replace(/([-:s])(d{1})(?!d)/g, "$10$2"); };
解析:
/([-:s])(d{1})(?!d)/這段正則的意思是,匹配前面是-或者:或者空格的并且后面不是數字的單個數字,像2014-6-12 6:7:43這里面的紅色數字會被匹配。然后$1是指匹配到的-或者:或者空格,$2是指匹配到的單個數字,$10$2即實現了單個數字前面補0的效果。
得到一個數組的隨機副本要求是
var arr = [3, 6, 8, 1, 0, 10, 67, 23]; var arr2 = shuffle(arr); // arr2 => [67, 0, 10, 1, 8, 3, 6, 23]
去百度面試的時候,面試官出過這么一個題目,因為看過underscore的源碼,所以寫出了underscore的實現方法,如下:
_.shuffle = function(obj) { var rand; var index = 0; var shuffled = []; each(obj, function(value) { rand = _.random(index++); shuffled[index - 1] = shuffled[rand]; shuffled[rand] = value; }); return shuffled; };
原理就是獲得一個隨機索引,根據隨機索引取出數組中隨機的一個,與最新的一個值進行交換。
然后面試官給出了另外一種實現方式,原理也差不多
var shuffle = function(array, length) { var length = length || array.length, newArr = [], randomIndex, removed; array.forEach(function(elem, index) { randomIndex = Math.floor(Math.random() * index); removed = newArr.splice(randomIndex, 1, elem); removed.length && newArr.push(removed[0]); }); return newArr.slice(0, length); };
后來偶然發現了另外一種更牛逼的實現方式
var shuffle = function(array, length) { var length = length || array.length; var array = array.slice(); array.sort(function() { return Math.random() - 0.5; }); return array.slice(0, length); };獲取隨機碼
隨機碼是形如這樣形式的字符串be0e2bbd329b35ed,在JavaScript中有廣泛的應用。
比如在編寫jQuery插件時,為了標識每一個插件實例,常常使用隨機碼來設置ID。
專業的叫法是uuid,可以保持唯一性,具有復雜的算法,這里僅僅介紹簡單的。
以下列舉幾種生成方法
第一種var S4 = function() { return Math.floor((1 + Math.random()) * 0x10000).toString(16).substring(1); }; // 隨機程度可以隨著S4的調用次數而變化 var guid = function() { return S4() + S4() + S4() + S4(); };第二種
原理差不多
Math.random().toString(36).substring(2);交換值 第一種
var a = 1, b = 2; a = [b, b = a][0];第二種
var a = 1, b = 2; a = [b][b = a, 0];
請自行領悟。
將一個數組插入另一個數組的指定位置看到這個標題,最先想到的應該是使用數組的splice方法,但是splice方法接受的參數是需要一個一個寫出來的
arrayObject.splice(index, howmany, item1,.....,itemX)
到這里,可以想到使用apply來改變參數的傳遞方式,最終代碼如下:
var a = [1,2,3,7,8,9]; var b = [4,5,6]; var insertIndex = 3; a.splice.apply(a, Array.prototype.concat(insertIndex, 0, b));
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/78169.html
摘要:要達到想要的效果正確的做法是即用來產生一個立即作用域,保證回調函數執行的時候最近的原型作用域的就是當時循環的。判斷數組中是否存在滿足條件的項,只要有一項滿足條件,就會返回。 之前常常因為不注意,習慣用寫PHP或者Java的方式來寫nodejs,產生了了一些錯誤,這里總結一些小小的trick,以便于展示nodejs的不同,和平時需要注意的地方。 變量提升 var variable = g...
摘要:沒有安裝全局某個項目不影響該命令的使用。該標志會安裝,忽略。這會確保開發所使用的工具及不會進入生產環境。結果就是,發布項目時,不得不審查兩個文件是否同步,防止敏感信息的泄露。確保更改默認的用戶名,作為用戶名環境變量的值。 本文轉載自:眾成翻譯譯者:文藺鏈接:http://www.zcfy.cc/article/1206原文:https://nodesource.com/blog/ele...
摘要:正式發布已正式發布,新版本重點關注工具鏈以及工具鏈在中的運行速度問題。文章內容包括什么是內存,內存生命周期,中的內存分配,內存釋放,垃圾收集,種常見的內存泄漏以及如何處理內存泄漏的技巧。 1. Angular 6 正式發布 Angular 6.0.0 已正式發布,新版本重點關注工具鏈以及工具鏈在 Angular 中的運行速度問題。Angular v6 是統一整體框架、Material ...
摘要:正式發布已正式發布,新版本重點關注工具鏈以及工具鏈在中的運行速度問題。文章內容包括什么是內存,內存生命周期,中的內存分配,內存釋放,垃圾收集,種常見的內存泄漏以及如何處理內存泄漏的技巧。 1. Angular 6 正式發布 Angular 6.0.0 已正式發布,新版本重點關注工具鏈以及工具鏈在 Angular 中的運行速度問題。Angular v6 是統一整體框架、Material ...
閱讀 2408·2021-11-23 09:51
閱讀 1219·2021-11-22 13:54
閱讀 3428·2021-09-24 10:31
閱讀 1095·2021-08-16 10:46
閱讀 3629·2019-08-30 15:54
閱讀 710·2019-08-30 15:54
閱讀 2892·2019-08-29 17:17
閱讀 3163·2019-08-29 15:08