jQuery技术

JavaScript小技巧 tips(3)

字号+ 作者:H5之家 来源:H5之家 2017-09-12 09:41 我要评论( )

13快速初始化Javscript数组 下面的方法,给出了一种快速初始化Javscript数组的方法。代码如下: var numbers = []; for(var i=1; numbers.push(i)100;); //numbers = [0,1,2,3 ... 100] //使用的是数组的push方法 1

13 快速初始化Javscript数组
下面的方法,给出了一种快速初始化Javscript数组的方法。代码如下:
var numbers = []; 
for(var i=1; numbers.push(i++)<100;); 
//numbers = [0,1,2,3 ... 100] 
//使用的是数组的push方法

14  截取指定位数的小数
如果要截取小数后的指定位数,可以使用toFixed方法。比如:
var num = 2.443242342; 
alert(num.toFixed(2)); // 2.44 

而使用toPrecision(x)则提供指定位数的精度,这里的x是全部的位数,如:
num = 500.2349; 
result = num.toPrecision(4);//输出500.2 

15  检查字符串中是否包含其他字符串
下面的代码中,可以实现检查某个字符串中是否包含其他字符串。代码如下:
if (!Array.prototype.indexOf) {  
    Array.prototype.indexOf = function(obj, start) { 
         for (var i = (start || 0), j = this.length; i < j; i++) { 
             if (this[i] === obj) { return i; } 
         } 
         return -1; 
    } 
}   
if (!String.prototype.contains) { 
    String.prototype.contains = function (arg) { 
        return !!~this.indexOf(arg); 
    }; 
} 在上面的代码中重写了indexOf方法并定义了contains方法。使用的方法如下:

var hay = "a quick brown fox jumps over lazy dog"; 
var needle = "jumps"; 
alert(hay.contains(needle)); 

16 去掉Javscript数组中的重复元素
下面的代码可以去掉Javascript数组中的重复元素,如下:
function removeDuplicates(arr) { 
    var temp = {}; 
    for (var i = 0; i < arr.length; i++) 
        temp[arr[i]] = true;   
    var r = []; 
    for (var k in temp) 
        r.push(k); 
    return r; 
}   
//用法 
var fruits = ['apple', 'orange', 'peach', 'apple', 'strawberry', 'orange']; 
var uniquefruits = removeDuplicates(fruits); 
//输出的 uniquefruits ['apple', 'orange', 'peach', 'strawberry']; 

17 去掉String中的多余空格
下面的代码会为String增加一个trim()方法,代码如下:
if (!String.prototype.trim) { 
   String.prototype.trim=function() { 
    return this.replace(/^\s+|\s+$/g, ''); 
   }; 

//用法 
var str = "  some string    "; 
str.trim(); 
//输出 str = "some string" 

18 Javascript中的重定向
在Javascript中,可以实现重定向,方法如下:
window.location.href = ""; 

19 对URL进行编码
有的时候,需要对URL中的传递的进行编码,方法如下:
var myOtherUrl = "?url=" + encodeURIComponent(myUrl); 



 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 15个强大的jQuery开发技巧和心得

    15个强大的jQuery开发技巧和心得

    2017-09-08 15:00

  • 将jQuery用得更高效的22条技巧

    将jQuery用得更高效的22条技巧

    2017-09-08 15:00

  • 9.1 技巧:搭建jQuery Mobile基础页面

    9.1 技巧:搭建jQuery Mobile基础页面

    2017-09-06 14:50

  • 黑马程序员php培训:javascript+jquery九天课程第九天(8)

    黑马程序员php培训:javascript+jquery九天课程第九天(8)

    2017-09-04 09:04

网友点评