js常用代碼段收集
重寫(xiě)window.setTimeout,
理解遞歸程序的返回規(guī)律,
截取長(zhǎng)字符串,
取得元素在頁(yè)面中的絕對(duì)位置,
統(tǒng)計(jì)、去除重復(fù)字符(多種方法實(shí)現(xiàn)),
把有序的數(shù)組元素隨機(jī)打亂(多種方法實(shí)現(xiàn))。
/*
功能:修改 window.setTimeout,使之可以傳遞參數(shù)和對(duì)象參數(shù) (同樣可用于setInterval)
使用方法: setTimeout(回調(diào)函數(shù),時(shí)間,參數(shù)1,...,參數(shù)n) (FF已經(jīng)原生支持,IE不支持)
*/
var __sto = setTimeout;
window.setTimeout = function(callback,timeout,param){
var args = Array.prototype.slice.call(arguments,2);
var _cb = function(){
callback.apply(null,args);
}
__sto(_cb,timeout);
}
function aaaaa(a,b,c){
alert(a + b + c);
}
window.setTimeout(aaaaa,2000,5,6,7);
/**//*
功能:理解遞歸程序的返回規(guī)律(從內(nèi)到外)
對(duì)象之間成員的互引用
*/
var ninja = {
yell: function(n){
return n > 0 ? ninja.yell(n-1) + "a" : "hiy";
}
};
alert(ninja.yell(4))//結(jié)果為:hiyaaaa;
var samurai = { yell: ninja.yell };
//var ninja = {}; // 此處 注釋與否 對(duì)結(jié)果有影響
try {
alert(samurai.yell(4));
} catch(e){
alert("Uh, this isn't good! Where'd ninja.yell go?" );
}
/** 功能:截取長(zhǎng)字符串
* @param {string} str 要截取的字符串
* @param {number} size 截取長(zhǎng)度(單字節(jié)長(zhǎng)度)
*/
var subStr = function(str, size){
var curSize = 0, arr = [];
for(var i = 0, len = str.length; i < len; i++){
arr.push(str.charAt(i));
if (str.charCodeAt(i) > 255){
curSize += 2;
if(size === curSize || size === curSize - 1){
return arr.join('');
}
}else{
curSize++;
if(size === curSize){
return arr.join('');
}
}
}
};
var str = '#%*……&#什么東西1234abcd 還不夠長(zhǎng)';
alert(str.length);
alert(str.substr(0, 15));
alert(subStr(str, 15));
/**//*
功能:取得元素在頁(yè)面中的絕對(duì)位置(相對(duì)于頁(yè)面左上角)
@param {string} node 待求位置的DOM元素
*/
function getAbsPosition(node) {
var t = node.offsetTop;
var l = node.offsetLeft;
while (node = node.offsetParent) {
t += node.offsetTop;
l += node.offsetLeft;
}
alert("top=" + t + "\n" + "left=" + l);
}
/**//*
功能:統(tǒng)計(jì)、去除重復(fù)字符
@param str 需要統(tǒng)計(jì)的字符串
說(shuō)明:常用于字符串中重復(fù)字符,或者數(shù)組中重復(fù)的字母、數(shù)字等個(gè)數(shù)統(tǒng)計(jì)。
此處從網(wǎng)上收集兩種典型的類(lèi)型,分別有兩種實(shí)現(xiàn)方法,其他還有許多變種,從不同角度編寫(xiě),可搜索學(xué)習(xí)。
待統(tǒng)計(jì)的數(shù)據(jù),不論是數(shù)組和字符串都可以,只用借助String.split()或 Array.join()
轉(zhuǎn)換為函數(shù)參數(shù)要求的類(lèi)型即可。
*/
// 類(lèi)型一:借助新建對(duì)象來(lái)保存數(shù)據(jù)
var count1 = function (str) {
var map = {}, maxCount = 0, maxChar, undefined, i = str.length;
while (i--) {
var t = str.charAt(i);
map[t] == undefined ? map[t] = 1 : map[t] += 1;
if (map[t] > maxCount) {
maxChar = t;
maxCount = map[maxChar];
}
}
return "字符:" + maxChar + "次數(shù):" + maxCount;
}
function s_0(a) { // 此處參數(shù)應(yīng)為數(shù)組類(lèi)型
var b = {}, c = [], i;
for (i = 0; i < a.length; i++){
if (!b[a[i]]) {
c[c.length] = a[i], b[a[i]] = true;
}
}
return c;
}
// 類(lèi)型二:正則表達(dá)式匹配統(tǒng)計(jì)
var count2 = function (str) {
var most = str.split('').sort().join('').match(/(.)\1*/g); //排列重復(fù)字符
most = most.sort(function (a, b) { return a.length - b.length }).pop(); //按出現(xiàn)頻繁排序
return most.length + ': ' + most[0];
}
function s_1(a) {
var a = a.join(""), b = [];
while (a.length > 0)
a = a.replace(new RegExp((b[b.length] = a.charAt(0)), "g"), "");
return b;
}
/**//*
功能:把有序數(shù)組打亂(產(chǎn)生無(wú)序隨機(jī)數(shù)組)
說(shuō)明:基本的排序算法大家應(yīng)該都很清楚。但是在編程中也經(jīng)常用到相反的操作,即把原來(lái)有序的數(shù)組元素隨機(jī)打亂。
以下給出三種方法,第一種是以前我自己寫(xiě)出來(lái)的,由于水平差,寫(xiě)出的代碼時(shí)間復(fù)雜度太大,
于是從網(wǎng)上搜索一些簡(jiǎn)單而且效率高的方法來(lái)。
第二種據(jù)說(shuō)是“洗牌算法”,想必很多人都聽(tīng)說(shuō)過(guò);
第三種是利用JS的內(nèi)置sort方法,這種實(shí)現(xiàn)起來(lái)很簡(jiǎn)單。
*/
// 方法1(給大家做失敗的教訓(xùn)借鑒)
function randArray(num) {
var rands = [];
var ra = parseInt(num * Math.random());
rands.push(ra);
for (var r = 0; r < num - 1; r++) {
ra = parseInt(num * Math.random());
for (var m = 0; m < rands.length; m++) {
while (rands[m] == ra) {
ra = parseInt(num * Math.random());
m = -1;
}
}
rands.push(ra);
}
//alert(rands);
return rands;
}
// 方法2:
//選擇兩個(gè)[0...array.Length)之間的隨機(jī)數(shù),把它們做下標(biāo)的兩個(gè)元素交換位置(這樣亂序效率高)
/* 說(shuō)明:這是“洗牌算法” 有人證明打亂的效果如下:
隨機(jī)交換nums/2次的效果很差,平均約1/3的對(duì)象還在原來(lái)的位置
隨機(jī)交換nums次才基本可用,平均約15%的對(duì)象還在原來(lái)的位置
隨機(jī)交換nums*2次才真正可用,平均約2%的對(duì)象還在原來(lái)的位置
*/
function daluan(nums) {
var array=[];
for (var i = 0; i < nums; i++) {
array[i] = i;
}
for (var i = 0; i < nums; i++) {
var rand = parseInt(nums * Math.random());
var temp = array[i];
array[i] = array[rand];
array[rand] = temp;
}
return array;
}
// 方法3:
// 讓比較函數(shù)隨機(jī)傳回-1或1就可以了(這樣亂序效率可能不高)
var testArray3=[1,2,3,4,5,6,7,8,9,10,22,33,55,77,88,99];
testArray3.sort(function(){return Math.random()>0.5?-1:1;});
alert(testArray3);
- 超實(shí)用的JavaScript代碼段 附使用方法
- Node.js實(shí)用代碼段之正確拼接Buffer
- Node.js實(shí)用代碼段之獲取Buffer對(duì)象字節(jié)長(zhǎng)度
- 超實(shí)用的JavaScript表單代碼段
- JavaScript實(shí)現(xiàn)倒計(jì)時(shí)代碼段Item1(非常實(shí)用)
- javascript常用代碼段搜集
- js常用代碼段整理
- 一段非常簡(jiǎn)單的讓圖片自動(dòng)切換js代碼
- 一段超強(qiáng)的javascript代碼解密方法
- 極力推薦10個(gè)短小實(shí)用的JavaScript代碼段
相關(guān)文章
動(dòng)態(tài)加載JavaScript文件的3種方式
第一種是使用document.write/writeln()方式,第二種使用jQuery,第三種是使用原生js方法,感興趣的小伙伴們可以參考一下2018-05-05a標(biāo)簽click和href執(zhí)行順序探討
這篇文章主要介紹了a標(biāo)簽click和href執(zhí)行順序,需要的朋友可以參考下2014-06-06詳解javascript腳本何時(shí)會(huì)被執(zhí)行
這篇文章主要介紹了詳解javascript腳本何時(shí)會(huì)被執(zhí)行,幫助大家更好的理解和使用JavaScript,感興趣的朋友可以了解下2021-02-02Javascript 多瀏覽器兼容總結(jié)(實(shí)戰(zhàn)經(jīng)驗(yàn))
多瀏覽器兼容一直都是前端備受關(guān)注的問(wèn)題,本文整理了一些實(shí)戰(zhàn)的經(jīng)驗(yàn),個(gè)人感覺(jué)還不錯(cuò),需要的朋友可以參考下2013-10-10next.js初始化參數(shù)設(shè)置getServerSideProps應(yīng)用學(xué)習(xí)
這篇文章主要為大家介紹了next.js初始化參數(shù)設(shè)置getServerSideProps的應(yīng)用示例學(xué)習(xí),有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-10-10利用Three.js制作一個(gè)新聞聯(lián)播開(kāi)頭動(dòng)畫(huà)
這篇文章主要為大家介紹了如何利用Three.js制作一個(gè)新聞聯(lián)播開(kāi)頭動(dòng)畫(huà),文中的實(shí)現(xiàn)步驟講解詳細(xì),對(duì)我們學(xué)習(xí)有一定幫助,需要的可以參考一下2022-05-05微信小程序webview實(shí)現(xiàn)長(zhǎng)按點(diǎn)擊識(shí)別二維碼功能示例
這篇文章主要介紹了微信小程序webview實(shí)現(xiàn)長(zhǎng)按點(diǎn)擊識(shí)別二維碼功能,結(jié)合實(shí)例形式分析了webview二維碼識(shí)別相關(guān)操作技巧,需要的朋友可以參考下2019-01-01深入理解javascript函數(shù)參數(shù)與閉包
函數(shù)是javascript的一等對(duì)象,想要學(xué)好javascript,就必須深刻理解函數(shù)。本文對(duì)javascript函數(shù)參數(shù)與閉包進(jìn)行詳細(xì)分析介紹。需要的朋友一起來(lái)看下吧2016-12-12js 回車(chē)提交表單兩種實(shí)現(xiàn)方法
js 回車(chē)提交一些新手朋友還是比較陌生的,本文介紹兩種實(shí)現(xiàn)方法:jQuery方法、JavaScript方法,感興趣的朋友可以研究下2012-12-12