成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

JS開(kāi)發(fā)中的一些小技巧和方法

KnewOne / 968人閱讀

摘要：生成指定范圍內(nèi)的隨機(jī)數(shù)轉(zhuǎn)參數(shù)驗(yàn)證是否為數(shù)組獲取數(shù)組中的最大值或最小值該方法適合一維或者多維數(shù)組。隨機(jī)獲取數(shù)組里的元素從數(shù)組里查找指定的值查到了返回，沒(méi)查到返回。巧用可以寫成去除字符串的空格去除首尾空格去除所有空格

生成指定范圍內(nèi)的隨機(jī)數(shù) 
    function setRadomNum(min,max){
        return  Math.floor(Math.random() * (max - min + 1)) + min;
    }
json轉(zhuǎn)url參數(shù) 
function json2url(json) {
    var arr=[];
    for(var name in json){
        arr.push(name+"="+json[name]);
    }
    return arr.join("&");
}
驗(yàn)證是否為數(shù)組 
function isArray(obj){
    return Array.isArray(obj) || Object.prototype.toString.call(obj) === "[object Array]";
}
獲取數(shù)組中的最大值或最小值 
function maxAndMin(arr){
    return {
       max:Math.max.apply(null,arr.join(",").split(",")),
       min:Math.min.apply(null,arr.join(",").split(","))
    }
}

該方法適合一維或者多維數(shù)組。

隨機(jī)獲取數(shù)組里的元素 
function getRadomFromArr(arr){
    return arr[Math.floor(Math.random()*arr.length)];
}
從數(shù)組里查找指定的值

查到了返回true，沒(méi)查到返回false。

function findInArr(arr, value){
    for (var i=0; i
生成指定長(zhǎng)度的隨機(jī)數(shù)字字母字符串

function getRandomStr(len) {
    var str = "";
    for( ; str.length < len; str  += Math.random().toString(36).substr(2));
    return  str.substr(0, len);
}

打亂數(shù)組的順序

方式一
arr.sort(function(){return Math.random()-0.5});
方式二
function shuffle(arr) {
    var i, 
        j,
        temp;
    for (i = arr.length - 1; i > 0; i--) {
        j = Math.floor(Math.random() * (i + 1));
        temp = arr[i];
        arr[i] = arr[j];
        arr[j] = temp;
    }
    return arr;    
};


方式一使用了數(shù)組的內(nèi)置排序方法：sort，而方式二是借助了一個(gè)中間量，隨機(jī)數(shù)組里的兩個(gè)值，讓它們交換位置。

巧用&& ||

var add_level = 0; 
if(add_step == 5){ 
    add_level = 1; 
} 
else if(add_step == 10){ 
    add_level = 2; 
} 
else if(add_step == 12){ 
    add_level = 3; 
} 
else if(add_step == 15){ 
    add_level = 4; 
} 
else { 
    add_level = 0; 
}
//可以寫成
var add_level = (add_step==5 && 1) || (add_step==10 && 2) || (add_step==12 && 3) || (add_step==15 && 4) || 0;

去除字符串的空格

去除首尾空格


function trim(str){
    return str.replace(/(^s*)|(s*$)/g, "");
}
trim("  hello world    "); //"hello world"


去除所有空格


function trimAll(str){
    return str.replace(/s+/g,"");
}
trimAll("   he ll o  wo  r ld    "); //"helloworld"

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/81541.html

相關(guān)文章

  • JS開(kāi)發(fā)中的一些小技巧和方法

    摘要：前言這兩年前端很火，又是前端的必會(huì)技能，在開(kāi)發(fā)中其實(shí)有一些有意思的小技巧和方法，本文記錄了一些我工作中遇到的一些技巧和方法。驗(yàn)證是否為數(shù)組先檢驗(yàn)本地是否有函數(shù)，沒(méi)有就執(zhí)行后面的方法檢測(cè)。最高效的方法是第一種，所以推薦使用第一種方法清空數(shù)組。 前言 這兩年前端很火，JavaScript又是前端的必會(huì)技能，在JavaScript開(kāi)發(fā)中其實(shí)有一些有意思的小技巧和方法，本文記錄了一些我工作中遇...

    loostudy 評(píng)論0 收藏0

  • HTML-CSS-JS

    摘要：本周于上海閉幕，掘金和知乎上都有對(duì)應(yīng)的實(shí)錄和問(wèn)答，但會(huì)議的視頻目前都還沒(méi)放出來(lái)，有心的同學(xué)如果找到了歡迎分享。建議中英文對(duì)照閱讀。英文原文前端獨(dú)立技術(shù)博客推薦推薦一些現(xiàn)在還在堅(jiān)持原創(chuàng)的博主，有業(yè)界大牛，也有小鮮肉，也有國(guó)外美女。 CSS 樣式書寫規(guī)范最佳實(shí)踐 本文的所列是實(shí)踐當(dāng)中得出的一套比較不錯(cuò)的 CSS 書寫規(guī)范，可以結(jié)合自身團(tuán)隊(duì)發(fā)展出一套適合自己業(yè)務(wù)的規(guī)范。 CSS中的字體與排版...

    mikasa 評(píng)論0 收藏0

  • HTML-CSS-JS

    摘要：本周于上海閉幕，掘金和知乎上都有對(duì)應(yīng)的實(shí)錄和問(wèn)答，但會(huì)議的視頻目前都還沒(méi)放出來(lái)，有心的同學(xué)如果找到了歡迎分享。建議中英文對(duì)照閱讀。英文原文前端獨(dú)立技術(shù)博客推薦推薦一些現(xiàn)在還在堅(jiān)持原創(chuàng)的博主，有業(yè)界大牛，也有小鮮肉，也有國(guó)外美女。 CSS 樣式書寫規(guī)范最佳實(shí)踐 本文的所列是實(shí)踐當(dāng)中得出的一套比較不錯(cuò)的 CSS 書寫規(guī)范，可以結(jié)合自身團(tuán)隊(duì)發(fā)展出一套適合自己業(yè)務(wù)的規(guī)范。 CSS中的字體與排版...

    李世贊 評(píng)論0 收藏0

  • HTML-CSS-JS

    摘要：本周于上海閉幕，掘金和知乎上都有對(duì)應(yīng)的實(shí)錄和問(wèn)答，但會(huì)議的視頻目前都還沒(méi)放出來(lái)，有心的同學(xué)如果找到了歡迎分享。建議中英文對(duì)照閱讀。英文原文前端獨(dú)立技術(shù)博客推薦推薦一些現(xiàn)在還在堅(jiān)持原創(chuàng)的博主，有業(yè)界大牛，也有小鮮肉，也有國(guó)外美女。 CSS 樣式書寫規(guī)范最佳實(shí)踐 本文的所列是實(shí)踐當(dāng)中得出的一套比較不錯(cuò)的 CSS 書寫規(guī)范，可以結(jié)合自身團(tuán)隊(duì)發(fā)展出一套適合自己業(yè)務(wù)的規(guī)范。 CSS中的字體與排版...

    MudOnTire 評(píng)論0 收藏0

  • 你可能不知道的前端小技巧

    摘要：主要分成事件，瀏覽器調(diào)試小技巧，其他三部分。一事件先來(lái)看一個(gè)有趣的問(wèn)題。介紹一組很有用的事件。我介紹這個(gè)的目的并不是簡(jiǎn)單的介紹這個(gè)事件，而是這里有個(gè)小坑。只能通過(guò)來(lái)進(jìn)行綁定。二瀏覽器調(diào)試小技巧用來(lái)代替在文件中打斷點(diǎn)的操作。 這篇文章主要記錄一些我在開(kāi)發(fā)工作中踩過(guò)的一些坑或者新學(xué)到的一些知識(shí)。主要分成‘事件’，‘瀏覽器調(diào)試小技巧’，‘其他‘三部分。====================...

    elarity 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<