JS使用技巧收录
来源:互联网 发布:认识蘑菇 知乎 编辑:程序博客网 时间:2024/05/18 20:35
清空数组:
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]' ;
- }
字符串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 keysconsole.table(languages, ["name", "paradigm"]);
如果只是想显示一个属性,则传字符串就足够了:
// A single property keyconsole.table(languages, "name");
- JS使用技巧收录
- 众多JS技巧收录集合
- Matlab 使用技巧收录(一)
- python 技巧收录
- 让新站快速收录技巧
- js使用小技巧
- JS使用技巧
- js使用小技巧
- Companion.JS使用技巧
- js使用基本技巧
- JS中的使用技巧
- js的使用技巧
- js使用技巧2
- js使用技巧3
- js使用技巧4
- js使用技巧5
- js使用技巧6
- js 使用和技巧
- URL编码
- 银行储蓄系统
- 虚拟化的理由
- 多线程的那点儿事
- 【正则】标签中无空格分割的属性间新增空格分割属性解决部分JSP Server报错
- JS使用技巧收录
- BZOJ2668: [cqoi2012]交换棋子 费用流
- JAVA 考试准备笔记 4
- 【iOS设计模式】---- 适配器模式,观察者模式
- MySQL存储二进制数据
- Mysql C API把文件写入BLOB类型数据
- c++之引用变量
- 吉哥系列故事——完美队形I(腾讯马拉松第二场)
- C语言写二进制数据到mysql的Blob字段