JS使用技巧收录

清空数组：

var arr = [1, 2, 3];

arr.length = 0;

备注：给数组的长度赋值为0则表示清空数组

根据索引删除数组元素：

var arr = [1, 2, 3];

arr.splice(1,1); //删除数组的第一个元素，并且返回被删除的元素

从数组中获取最大值和最小值：

var  numbers = [5, 458 , 120 , -215 , 228 , 400 , 122205, -85411];  

var maxInNumbers = Math.max.apply(Math, numbers); 

var minInNumbers = Math.min.apply(Math, numbers);  

验证一个给定的参数为数字：

1. function isNumber(n){  
2.     return !isNaN(parseFloat(n)) && isFinite(n);  
3. }  

验证一个给定的参数是数组：

1. function isArray(obj){  
2.     return Object.prototype.toString.call(obj) === '[object Array]' ;  
3. } 

注意：如果toString被重写了则得不到预期的结果

字符串trim函数：

1. String.prototype.trim = function(){return this.replace(/^\s+|\s+$/g, "");};    

往数组中追加元素：

1. var array1 = [12 , "foo" , {name "Joe"} , -2458];  
2.   
3. var array2 = ["Doe" , 555 , 100];  
4. Array.prototype.push.apply(array1, array2);  

Javascript调试技巧：（转载自：http://ourjs.com/detail/528ab685b5cbfd990b000001）

通过console.log()打印数组

试想一下，假如你创建了一个编程语言以及其文件后缀名列表：

var languages = [
 { name: "JavaScript", fileExtension: ".js" },
 { name: "TypeScript", fileExtension: ".ts" },
 { name: "CoffeeScript", fileExtension: ".coffee" }
];

console.log(languages);

console.log()会显示如下信息：

该树视图对于调试是非常有用的，但我们不得不手动打开每个折叠的对象来查看，比较麻烦。我们可以使用console.table()得到更好的体验。

通过console.table()打印数组

现在我们使用console.table()进行打印。

console.table(languages);

你可以看到如下表格：

整齐漂亮，不是么？

当然表单最适合表单数据呈现。如果每个对象都拥有不同的结构，那么最后会发现有很多单元是undefined。尽管如此，属性值都是整齐排列的，并给你很好的概述。

 

通过console.table()打印对象

实际上console.table()还可以打印对象：

var languages = {
    csharp: { name: "C#", paradigm: "object-oriented" },
    fsharp: { name: "F#", paradigm: "functional" }
};

console.table(languages);

 

过滤显示的属性

如果你想限定每一列是特定的属性，你还可以将他们的键作为一个数组，传给console.table()，作为其第二个参数： 

// Multiple property keys
console.table(languages, ["name", "paradigm"]);

如果只是想显示一个属性，则传字符串就足够了：

// A single property key
console.table(languages, "name");