js常用方法

任意數(shù)求和

function sum(){
var total = 0;
for(var i=0;i<arguments.length;i++){
var cur = Number(arguments[i])
if(!isNaN(cur)){
total += cur;
}
}
console.log(total);
}

9*9乘法表

var str = '';
str+='<ul>';
    i  行
    for(var i=1;i<=9;i++){
    str+='<li>';
        span  i
        j  列
        for(var j=1;j<=i;j++){
        str+='<span>';
                    i=3  j=2
                        str+= j+' * '+i+' = '+i*j;
                            2*3=6
                    str+='</span>';
        }
        str+='</li>';
    }
    str+='</ul>';

數(shù)組去重

var obj = {};
for(var i=0;i<ary.length;i++){
var cur  = ary[i];
if(obj[cur]==cur){
ary[i] = ary[ary.length-1];
i--;
continue;
}
obj[cur] = cur;
}

sort思想

Array.prototype.rmsame=function(){
var ary=this.sort(function(a,b){return a-b});
for(var i=0; i<ary.length; i++){
if(ary[i]===ary[i+1]){
ary.splice(i,1);
i--;
}
}
return ary;
};

雙循環(huán)思想

Array.prototype.rmsame=function(){
//this->實(shí)例孩饼；
for(var i=0; i<this.length; i++){
var oLi=this[i];
for(var j=i+1; j<this.length; j++){
if(oLi===this[j]){//說明重復(fù)了
this.splice(j,1);
j--;
}
}
}
return this;
};

快速排序

var ary = [1,2,6,5,3,8,7];
function quickSort(ary){
if(ary.length<=1){
return ary;
}
var cenVal = ary.splice(0,1)[0];
var left = [];
var right = [];
for(var i=0;i<ary.length;i++){
var cur = ary[i];
if(cur<cenVal){
left.push(cur)
}else{

right.push(cur);
}
}
return quickSort(left).concat([cenVal],quickSort(right))
}
console.log(quickSort(ary));

插入排序

var array = [4,3,2,5,6,7,1]
function insertSort(ary){
var left = [];
left.push(ary[0]);
for(var i=1;i<ary.length;i++){
var cur = ary[i];
for(var j=left.length-1;j>=0;j--){
if(cur<left[j]){
if(j==0){
left.unshift(cur);
}
continue;
}else{
left.splice(j+1,0,cur);
break;//循環(huán)結(jié)束，就不再比較
}
}
}
return left;
}
var a = insertSort(array);
console.log(a);

冒泡排序

for(var i=0;i<ary.length-1;i++){
for(var j=0;j<ary.length-1-i;j++){
if(ary[j]>ary[j+1]){
ary[j] = ary[j]+ary[j+1];
ary[j+1] = ary[j]-ary[j+1];
ary[j] = ary[j]-ary[j+1];
}
}
}
console.log(ary);

判斷是否為公有屬性方法的封裝

function  hasPubProperty(attr,obj){
return attr in obj && !obj.hasOwnProperty(attr);
}

forEach的封裝

Array.prototype.myForEach=function(callback,context){
//this ->實(shí)例竹挡；ary ary1
context=context||window;
if('forEach' in Array.prototype){//標(biāo)準(zhǔn)瀏覽器的處理镀娶；
this.forEach(callback,context);
return;
}
for(var i=0; i<this.length; i++){//1）callback被調(diào)用的次數(shù)；
callback.call(context,this[i],i,this);//2）callback傳參揪罕；3）this指向梯码；
}
}

map的封裝

Array.prototype.myMap=function(callback,context){
context=context||window;
//瀏覽器判斷-性能優(yōu)化
if('map' in Array.prototype){
return  this.map(callback,context);
}
var ary=[];
for(var i=0; i<this.length; i++){
var res=callback.call(context,this[i],i,this);
ary.push(res);
}
return ary;
}

類數(shù)組轉(zhuǎn)數(shù)組

function makeArray(arg){
var ary=[];
try{
return Array.prototype.slice.call(arg);
}catch (e){
for(var i=0; i<arg.length; i++){
ary.push(arg[i]);
}
return ary;
}
}

求平均數(shù)

function average(){
var ary=Array.prototype.slice.call(arguments);
ary.sort(function(a,b){return a-b});
ary.pop();
ary.shift();
return (eval(ary.join('+'))/ary.length).toFixed(2)
}
alert(average(1.777,9.237,6.777,8.477,3.733))

三種排序
思路1：sort排序

var ary=[20,3,12,6,34,5]
ary.sort(function(a,b){return a-b});
var max=ary.pop(),min=ary.shift();
console.log(max,min)

思路2：假設(shè)法-假設(shè)法假設(shè)的數(shù)字

var max=ary[0];
var min=ary[0];
for(var i=0; i<ary.length; i++){
if(ary[i]>max) max=ary[i];
if(ary[i]<min) min=ary[i];
}

思路3：Math.max配合eval

var str1=ary.toString();
alert(eval('Math.max('+str1+')'))
alert(eval('Math.min('+str1+')'))

思路4

alert(Math.max.apply(undefined,ary))

倒計(jì)時(shí)

countDown();
setInterval(countDown,1000);
function toDou(n){
return n>=0 && n<10?'0'+n:''+n;
}
function countDown(){
var oDate=new Date();
var s=Math.floor((new Date('2016/11/3 18:00:00')-oDate)/1000);
//秒轉(zhuǎn)換用%的思想：24*60*60=86400;
var d=Math.floor(s/86400);//整數(shù)部分求的是天數(shù)
s%=86400;//剩下的秒數(shù)；
var h=Math.floor(s/3600);//整數(shù)部分是小時(shí)好啰；
s%=3600;
var m=Math.floor(s/60);//整數(shù)部分是分轩娶；
s%=60;//剩下的秒數(shù)；
var str=toDou(d)+'天 '+toDou(h)+':'+toDou(m)+':'+toDou(s);
oSpan.innerHTML=str;
}

獲取隨機(jī)驗(yàn)證碼
思路1：for循環(huán)

var strCode='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
var str='';
for(var i=0; i<4; i++){
var rnd=Math.round(Math.random()*61);
//如果字符串中沒有框往，放字符串中拼接鳄抒，如果字符串中有了；預(yù)防塌陷
if(str.indexOf(strCode.charAt(rnd)) == -1){
str+=strCode.charAt(rnd);
}else{
i--;
}
}

思路2：while循環(huán)

while(str.length<4){
var rnd=Math.round(Math.random()*61);
if(str.indexOf(strCode.charAt(rnd)) == -1){
str+=strCode.charAt(rnd);
}
}

求最大值和最小值
思路1：sort排序

var ary=[18,2,6,23,9];
ary.sort(function(a,b){return a-b});
var max=ary.pop();
var min=ary.shift();

思路2：假設(shè)法

var max=ary[0];
var min=ary[0];
for(var i=0; i<ary.length; i++){
var cur=ary[i];
if(cur>max) max=cur;
if(cur<min) min=cur;
}
alert(max);
alert(min);

思路3：Math.max 配合 eval;

var max=eval('Math.max('+ary.toString()+')');
var min=eval('Math.min('+ary.toString()+')');*/

思路4：apply

var max=Math.max.apply(null,ary);
alert(max);

求平均值

function average(){
//1.類數(shù)組轉(zhuǎn)數(shù)組
var ary=Array.prototype.slice.call(arguments);
//2.sort排序
ary.sort(function(a,b){return a-b});
//3.掐頭去尾
ary.pop(); ary.shift();
//4.求平均值
return (eval(ary.join('+'))/ary.length).toFixed(2)
}
alert(average(9.777,3.777,2.777,14.757,58.773))

求出現(xiàn)次數(shù)最多的單詞

var str='aaaccccbbbdddCCCCCAAAAABbbbAAAAcccDDdDD';
//1.把字符串進(jìn)行排序
str=str.split('').sort(function(a,b){return a.localeCompare(b)}).join('');
//2.重復(fù)子項(xiàng) 和  arguments（字符串replace方法）椰弊；
var max=0;
var maxStr='';
str.replace(/(\w)\1+/gi,function($0,$1){
//$0:計(jì)算出單詞出現(xiàn)的次數(shù)许溅； $1:找出出現(xiàn)次數(shù)對(duì)應(yīng)的單詞；
if($0.length>max) {
max=$0.length;
maxStr=$1;
}else if($0.length===max){
maxStr+=$1;
}
});

思路2：用重復(fù)子項(xiàng)秉版；

str=str.split('').sort(function(a,b){return a.localeCompare(b)}).join('');
var max=0;
var maxStr='';
str.replace(/(\w)\1+/gi,function($0,$1){
if($0.length>max){
max=$0.length;
maxStr=$1;
}else if($0.length==max){
maxStr+=','+$1;
}
});*/
/*//利用對(duì)象不重名的特性贤重；求出現(xiàn)次數(shù)最多的單詞，以及出現(xiàn)多少次清焕？
var obj={};
for(var i=0; i<str.length; i++){
var cur=str[i].toLowerCase();
if(obj[cur]){
obj[cur]++;
}else{
obj[cur]=1;
}
}

2.用假設(shè)法求出出現(xiàn)最多的次數(shù)并蝗；

var max=obj.d;
for(var attr in obj){
if(obj[attr]>max) max=obj[attr];
}

3.根據(jù)次數(shù)求出出現(xiàn)次數(shù)最多的單詞，出現(xiàn)次數(shù)最多的單詞可能有多個(gè)耐朴；

var ary=[];
for(var attr in obj){
if(obj[attr]==max){
ary.push(attr);
}
}
console.log('出現(xiàn)次數(shù)最多的單詞'+ary+'借卧；出現(xiàn)'+max+'次');*/

日期格式化封裝
轉(zhuǎn)數(shù)組思路1.把字符串中的數(shù)字，成組的拎出來,放到數(shù)組中去筛峭；

var strCode = '2016-6-23 00:41:30';
var tmp = '{0}年{1}月{2}日';
/*var reg=/^(\d{4})[\-](\d{1,2})[\-](\d{1,2})\s+(\d{1,2})[\:](\d{1,2})[\:](\d{1,2})$/;
var ary=[];
strCode.replace(reg,function(){
ary=Array.prototype.slice.call(arguments,1,arguments.length-2);
});

轉(zhuǎn)數(shù)組思路2：

 var ary=strCode.match(/\d+/g);
 var ary=strCode.split(/\D+/g);
//需求：strCode.formatDate(tmp);->"2016年11月6日 11時(shí)5分30秒";
String.prototype.formatDate = function (tmp) {
//this->實(shí)例铐刘；
//1.把實(shí)例字符串中的數(shù)組存到數(shù)組中；
var ary=this.match(/\d+/g);
//2.拿數(shù)組中的內(nèi)容影晓，替換模板
var tmpStr=tmp||'{0}年{1}月{2}日 {3}時(shí){4}分{5}秒';
tmpStr=tmpStr.replace(/{(\d)}/g,function($0,$1){
var n=ary[$1];
n=n>=0 && n<10? '0'+Number(n):n;
return n;
});
return tmpStr;
}
console.log(strCode.formatDate(tmp));

獲取地址欄中的參數(shù)

var str='www.baidu.com?name=zhfueng&age=8&sex=undefined';
//{name:zhfueng,age:8};
/*var reg=/([^?=&]+)=([^?=&]+)/g;
var obj={};
str.replace(reg,function($0,$1,$2){
obj[$1]=$2;
});
console.log(obj);*/
//需求：str.queryURLParameter(); ->鍵值對(duì)的對(duì)象镰吵；{name:zhfueng,age:8}
String.prototype.queryURLParameter=function(){
//this->實(shí)例字符串
var reg=/([^?=&]+)=([^?=&]+)/g;
var obj={};
this.replace(reg,function($0,$1,$2){
obj[$1]=$2;
})
return obj;
}
console.log(str.queryURLParameter());

exec封裝match

var str='zhufeng2016zhanwang2017huigu2015';
var reg=/\d+/g;
String.prototype.myMatch=function(reg){
//this-實(shí)例str
var res=reg.exec(this);
var ary=[];
while(res){
ary.push(res[0]);
res=reg.exec(this);
}
return ary;
};
alert(str.myMatch(reg));//[2016,2017,2015]

domReady

function domReady(fn){
if(document.addEventListener){
document.addEventListener('DOMContentLoaded',fn);
}else{
//監(jiān)聽頁(yè)面的變化
document.onreadystatechange=function(){
//當(dāng)頁(yè)面加載完成的時(shí)候，開始執(zhí)行函數(shù)挂签；
if(document.readyState==='complete'){
fn();
}
}
}```
}

最后編輯于：2017.12.08 18:23:33

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者

人面猴
序言：七十年代末疤祭，一起剝皮案震驚了整個(gè)濱河市，隨后出現(xiàn)的幾起案子饵婆，更是在濱河造成了極大的恐慌勺馆，老刑警劉巖，帶你破解...
沈念sama閱讀 206,311評(píng)論 6贊 481
死咒
序言：濱河連續(xù)發(fā)生了三起死亡事件，死亡現(xiàn)場(chǎng)離奇詭異草穆，居然都是意外死亡灌灾，警方通過查閱死者的電腦和手機(jī)，發(fā)現(xiàn)死者居然都...
沈念sama閱讀 88,339評(píng)論 2贊 382
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進(jìn)店門悲柱，熙熙樓的掌柜王于貴愁眉苦臉地迎上來锋喜，“玉大人，你說我怎么就攤上這事豌鸡『侔悖” “怎么了？”我有些...
開封第一講書人閱讀 152,671評(píng)論 0贊 342
道士緝兇錄：失蹤的賣姜人
文/不壞的土叔我叫張陵涯冠，是天一觀的道長(zhǎng)炉奴。經(jīng)常有香客問我，道長(zhǎng)蛇更，這世上最難降的妖魔是什么盆佣？我笑而不...
開封第一講書人閱讀 55,252評(píng)論 1贊 279
?港島之戀（遺憾婚禮）
正文為了忘掉前任，我火速辦了婚禮械荷，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘虑灰。我一直安慰自己吨瞎，他們只是感情好，可當(dāng)我...
茶點(diǎn)故事閱讀 64,253評(píng)論 5贊 371
惡毒庶女頂嫁案：這布局不是一般人想出來的
文/花漫我一把揭開白布穆咐。她就那樣靜靜地躺著颤诀，像睡著了一般。火紅的嫁衣襯著肌膚如雪对湃。梳的紋絲不亂的頭發(fā)上崖叫，一...
開封第一講書人閱讀 49,031評(píng)論 1贊 285
城市分裂傳說
那天，我揣著相機(jī)與錄音拍柒，去河邊找鬼心傀。笑死，一個(gè)胖子當(dāng)著我的面吹牛拆讯，可吹牛的內(nèi)容都是我干的脂男。我是一名探鬼主播，決...
沈念sama閱讀 38,340評(píng)論 3贊 399
雙鴛鴦連環(huán)套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開眼种呐，長(zhǎng)吁一口氣：“原來是場(chǎng)噩夢(mèng)啊……” “哼宰翅！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起爽室，我...
開封第一講書人閱讀 36,973評(píng)論 0贊 259
萬榮殺人案實(shí)錄
序言：老撾萬榮一對(duì)情侶失蹤汁讼，失蹤者是張志新（化名）和其女友劉穎，沒想到半個(gè)月后，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體嘿架，經(jīng)...
沈念sama閱讀 43,466評(píng)論 1贊 300
?護(hù)林員之死
正文獨(dú)居荒郊野嶺守林人離奇死亡瓶珊，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛以下內(nèi)容為張勛視角年9月15日...
茶點(diǎn)故事閱讀 35,937評(píng)論 2贊 323
?白月光啟示錄
正文我和宋清朗相戀三年，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了眶明。大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片艰毒。...
茶點(diǎn)故事閱讀 38,039評(píng)論 1贊 333
活死人
序言：一個(gè)原本活蹦亂跳的男人離奇死亡，死狀恐怖搜囱，靈堂內(nèi)的尸體忽然破棺而出丑瞧，到底是詐尸還是另有隱情，我是刑警寧澤蜀肘，帶...
沈念sama閱讀 33,701評(píng)論 4贊 323
?日本核電站爆炸內(nèi)幕
正文年R本政府宣布绊汹，位于F島的核電站，受9級(jí)特大地震影響扮宠，放射性物質(zhì)發(fā)生泄漏西乖。R本人自食惡果不足惜，卻給世界環(huán)境...
茶點(diǎn)故事閱讀 39,254評(píng)論 3贊 307
男人毒藥：我在死后第九天來索命
文/蒙蒙一坛增、第九天我趴在偏房一處隱蔽的房頂上張望获雕。院中可真熱鬧，春花似錦收捣、人聲如沸届案。這莊子的主人今日做“春日...
開封第一講書人閱讀 30,259評(píng)論 0贊 19
一樁弒父案罢艾，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽(yáng)楣颠。三九已至，卻和暖如春咐蚯，著一層夾襖步出監(jiān)牢的瞬間童漩，已是汗流浹背。一陣腳步聲響...
開封第一講書人閱讀 31,485評(píng)論 1贊 262
情欲美人皮
我被黑心中介騙來泰國(guó)打工春锋，沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留矫膨，地道東北人。一個(gè)月前我還...
沈念sama閱讀 45,497評(píng)論 2贊 354
代替公主和親
正文我出身青樓看疙，卻偏偏與公主長(zhǎng)得像豆拨，于是被迫代替她去往敵國(guó)和親。傳聞我的和親對(duì)象是個(gè)殘疾皇子能庆，可洞房花燭夜當(dāng)晚...
茶點(diǎn)故事閱讀 42,786評(píng)論 2贊 345

js常用方法

推薦閱讀更多精彩內(nèi)容