JS使用技巧收录
2013-12-28 08:59
441 查看
清空数组:
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);
验证一个给定的参数为数字:
function isNumber(n){
return !isNaN(parseFloat(n)) && isFinite(n);
}
验证一个给定的参数是数组:
function isArray(obj){
return Object.prototype.toString.call(obj) === '[object Array]' ;
}
注意:如果toString被重写了则得不到预期的结果
字符串trim函数:
String.prototype.trim = function(){return this.replace(/^\s+|\s+$/g, "");};
往数组中追加元素:
var array1 = [12 , "foo" , {name "Joe"} , -2458];
var array2 = ["Doe" , 555 , 100];
Array.prototype.push.apply(array1, array2);
Javascript调试技巧:(转载自:http://ourjs.com/detail/528ab685b5cbfd990b000001)
试想一下,假如你创建了一个编程语言以及其文件后缀名列表:
console.log()会显示如下信息:
该树视图对于调试是非常有用的,但我们不得不手动打开每个折叠的对象来查看,比较麻烦。我们可以使用console.table()得到更好的体验。
现在我们使用console.table()进行打印。
你可以看到如下表格:
整齐漂亮,不是么?
当然表单最适合表单数据呈现。如果每个对象都拥有不同的结构,那么最后会发现有很多单元是undefined。尽管如此,属性值都是整齐排列的,并给你很好的概述。
通过console.table()打印对象
实际上console.table()还可以打印对象:
过滤显示的属性
如果你想限定每一列是特定的属性,你还可以将他们的键作为一个数组,传给console.table(),作为其第二个参数:
如果只是想显示一个属性,则传字符串就足够了:
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);
验证一个给定的参数为数字:
function isNumber(n){
return !isNaN(parseFloat(n)) && isFinite(n);
}
验证一个给定的参数是数组:
function isArray(obj){
return Object.prototype.toString.call(obj) === '[object Array]' ;
}
注意:如果toString被重写了则得不到预期的结果
字符串trim函数:
String.prototype.trim = function(){return this.replace(/^\s+|\s+$/g, "");};
往数组中追加元素:
var array1 = [12 , "foo" , {name "Joe"} , -2458];
var array2 = ["Doe" , 555 , 100];
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");
相关文章推荐
- php编程技巧--js常用的函数无缝使用
- node.js中Socket.IO的进阶使用技巧
- JS中parseINT()函数的使用技巧
- jquery和js使用技巧
- 众多JS技巧收录集合
- js使用107个技巧
- VS2010技巧:如何在js文件中使用jQuery智能感知
- js使用技巧4
- 常用网页使用js技巧收集231个
- 深入聊聊Array的sort方法的使用技巧.详细点评protype.js中的sortBy方法
- JS中的使用技巧
- 深入聊聊Array的sort方法的使用技巧.详细点评protype.js中的sortBy方法
- js 使用技巧 - [近几年工作中的经验总结的技巧]
- js函数使用技巧之 setTimeout(function(){},0)
- Eclipse和MyEclipse使用技巧--解决MyEclipse中的js报错的小方法
- JS 使用技巧
- C#使用技巧之调用JS脚本方法一
- ProtoBuf.js 使用技巧
- js中字符替换函数String.replace()使用技巧
- C#使用技巧之调用JS脚本方法一