JavaScript 小技巧汇总

判断一个变量是否申明

if (typeof v === "undefined") {
  // ...
}

判断一个变量是否是函数
```
function f() {}
typeof f
// "function"
```
区别一个变量是数组还是对象

var o = {};
var a = [];

o instanceof Array // false
a instanceof Array // true

base64转码（btoa 直接使用中文会出错）

var string = ‘Hello World!‘;
btoa(string) // "SGVsbG8gV29ybGQh"
atob(‘SGVsbG8gV29ybGQh‘) // "Hello World!"

function b64Encode(str) {
  return btoa(encodeURIComponent(str));
}

function b64Decode(str) {
  return decodeURIComponent(atob(str));
}

b64Encode(‘你好‘) // "JUU0JUJEJUEwJUU1JUE1JUJE"
b64Decode(‘JUU0JUJEJUEwJUU1JUE1JUJE‘) // "你好"

查看对象所有属性（本身的属性，不包含继承的）

var o = {
  key1: 1,
  key2: 2
};

Object.keys(o);
// [‘key1‘, ‘key2‘]

判断对象是否有某个属性

var o = new Object();
o.hasOwnProperty(‘toString‘) // false

‘toString‘ in o // true

hasOwnProperty 判断对象本身 ，而 in 会判断对象父类

只想遍历对象自身属性

for (var key in person) {
  if (person.hasOwnProperty(key)) {
    console.log(key);
  }
}

时间： 2024-10-13 11:11:46

JavaScript 小技巧汇总的相关文章

JavaScript小技巧

1.变量转换看起来很简单,但据我所看到的,使用构造函数,像Array()或者Number()来进行变量转换是常用的做法.始终使用原始数据类型(有时也称为字面量)来转换变量,这种没有任何额外的影响的做法反而效率更高. 1 2 3 4 5 6 7 var myVar = "3.14159", str = ""+ myVar,// to string int = ~~myVar, // to integer float = 1*myVar,

常用的javascript小技巧

字符串转换为数值常规方法: var var1 = parseInt("2"); var var2 = parseFloat("2"); var var3 = Number("2"); var var3 = new Number("2"); 简便方法: var var1 = +("2"); 将其他类型转换为boolean类型在JavaScript中,所有值都能隐式的转化为Boolean类型: 数据类型转

javascript小技巧之with()方法

With()方法平时用得不多,本文用个小例子来学习一下.在这里记录.个人感觉还是很方便的. 有了 With 语句,在存取对象属性和方法时就不用重复指定参考对象,在 With 语句块中,凡是 JavaScript 不识别的属性和方法都和该语句块指定的对象有关.With 语句的语法格式如下所示:With Object {Statements}对象指明了当语句组中对象缺省时的参考对象,这里我们用较为熟悉的 Document 对象对 With 语句举例.例如当使用与 Document 对象有关的 wr

12个非常实用的JavaScript小技巧

在这篇文章中将给大家分享12个有关于JavaScript的小技巧.这些小技巧可能在你的实际工作中或许能帮助你解决一些问题. 使用!!操作符转换布尔值有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值,如果存在就返回true值.为了做这样的验证,我们可以使用!!操作符来实现是非常的方便与简单.对于变量可以使用!!variable做检测,只要变量的值为:0.null." ".undefined或者NaN都将返回的是false,反之返回的是true.比如下面的示例: func

前端知识：12个非常实用的JavaScript小技巧

近期开发项目中用到的编码小技巧汇总说明(二)

之前有总结发表过<近期开发项目中用到的编码小技巧汇总说明>,虽没有涉及什么高大上的东西,但都是一些很实用的平时大家可能用到的知识,今天继续分享一些小技巧,欢迎大家了解,不足之处,可以直接评论留言谢谢! 接上篇序号 6.解决当同一个类在不同的项目中(命名空间不同,但类的定义完全相同的情况)使用BinaryFormatter进行序列化后再反序列化时出现找不到程序集的问题或反序列化的结果为null 原代码:(DataSetSurrogate分别在API项目中,客户端项目中都存在,类定义一样但由于不在

javascript小技巧-js小技巧收集(转)

本文转载自:http://blog.csdn.net/ocean20/article/details/2498699 每一项都是js中的小技巧,但十分的实用! 1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5.得

5分钟掌握JavaScript小技巧

1. 删除数组尾部元素一个简单的用来清空或则删除数组尾部元素的简单方法就是改变数组的length属性值. const arr = [11, 22, 33, 44, 55, 66]; // truncanting arr.length = 3; console.log(arr); //= [11, 22, 33] // clearing arr.length = 0; console.log(arr); //= [] console.log(arr[2]); //= undefined 2.使用

sourceInsight使用小技巧汇总--持续更新中

作为测试人员,读各种平台的工程代码时,根本不想安装各种vs或者eclipse等,于是,就找了一款代码阅读工具. sourceInsight,下载地址为官网:http://www.sourceinsight.com/ 那么,问题就来了,sourcinsight的界面风格呀,真真不习惯,而且打开代码文件的时候没有文件标签. 于是,就百度呀总结一些设置小技巧设置前打开新建project后打开时这样的一． Source Insight中文字体设置 Source Insight是一个面向项目开发的程