Javascript学习笔记一 之 数据类型


Posted in Javascript onDecember 15, 2010

一.数据类型
Javascript是一种弱类型的脚本语言,它一共有6种数据类型,又被分为基础数据类型,特殊数据类型,复合数据类型。

 1.基础数据类型:数值型,字符串型,布尔型

 2.特殊数据类型:null,undefined(区别在于null需要显性赋值,而undefined表示没有赋值)

 3.复合(引用)数据类型:Object(数组是特殊的对象)

注:理解基础数据类型和引用数据类型的区别。如函数参数传递

二. 包装类和基础数据类型的关系
对于基础数据类型,都有相应的包装类(Object对象)与之对应。
Number,String,Boolean

注:基础数据类型会在一定条件下转化成基础类型包装对象

var str="这是一个基础字符串"; 
var length=str.length(); 
//当使用length()时,Javascript解释引擎会产生 
//一个str的临时String对象,执行完后临时对象清除

三.如何判断数据类型
(1) typeof(鸡肋)

仅可检测出以下6种数据类型:number, string, boolean, undefined, object, function(注意!)

alert(typeof(null)); //结果为object 
alert(typeof(a)); //a未赋值,结果为undefined

因此判断基础数据类型可以如下:
function type(o) { 
return (o === null) ? 'null' : typeof(o); 
}

(2)instanceof

但对于复合数据类型(除了function),则全部返回object,无法通过typeof判断
可使用instanceof检测某个对象是不是另一个对象的实例,注意instanceof的右操作数必须为对象:

function Animal() {}; 
function Pig() {}; 
Pig.prototype = new Animal(); 
alert(new Pig() instanceof Animal); // true

  instanceof不适合用来检测一个对象本身的类型

(3)constructor

alert(1.constructor); // 报错 
var o = 1; 
alert(o.constructor); // Number 
o = null; // or undefined 
alert(o.constructor); // 报错 
alert({}.constructor); // Object 
alert(true.constructor); // Boolean

(4)Object.toString()
function isArray(o) { 
return Object.prototype.toString.call(o) === '[object Array]'; 
}

call和apply的区别:

它们都是Function.prototype的方法(针对方法的),它是Javascript引擎内在实现的。

实际上这两个的作用几乎是相同的,要注意的地方是call(thisObj[,arg1[, arg2[,)中的arg参数可以是变量,而apply([thisObj[,argArray]])中的参数为数组集合

方法是借给另一个对象的调用去完成任务,原理上是方法执行时上下文对象改变了.

(5)总结

var _toS = Object.prototype.toString, 
_types = { 
'undefined' : 'undefined', 
'number' : 'number', 
'boolean' : 'boolean', 
'string' : 'string', 
'[object Function]' : 'function', 
'[object RegExp]' : 'regexp', 
'[object Array]' : 'array', 
'[object Date]' : 'date', 
'[object Error]' : 'error' 
}; function type(o) { 
return _types[typeof o] || _types[_toS.call(o)] || (o ? 'object' : 'null'); 
}

四.数据类型转换
Javascript有两种数据类型的转换方法:

一种是将整个值从一种类型转换为另一种数据类型(称作基本数据类型转换),

另一种方法是从一个值中提取另一种类型的值,并完成转换工作。

基本数据类型转换的如以下三种方法:

1.转换为字符型:String(); 例:String(678)的结果为"678"

2.转换为数值型:Number(); 例:Number("678")的结果为678

3.转换为布尔型:Boolean(); 例:Boolean("aaa")的结果为true

从一个值中提取另一种类型的值的如以下方法:

1.提取字符串中的整数:parseInt(); 例:parseInt("123zhang")的结果为123

2.提取字符串中的浮点数:parseFloat(); 例:parseFloat("0.55zhang")的结果为0.55


另外总结各种类型转换的方法


Number转化成字符串:String(number) 、

Number.toString(2/8/16);//分别代表二进制\八进制\十六进制默认(无参)10进制 、

toFixed(3) //保留小数点后3位

  toExponextial(3); //小数点前1位, 小数点后3位如var n=123456.789; n.toExponextial(3);//1.234e+5即1.234X105

toPrecision(4); //返回指定位数 如果位数不够完全显示,则按指数表示法(3个方法都会4舍5入)
 五.其他总结(容易忽视掉的东西)
1.parseInt的陷阱
以下部分摘自《Javascript精粹》:
parseInt是一个将字符串转换为整数的函数。它遇到非数字时停止解析,所以parseInt("16")与parseInt("16 tons")产生相同的结果。如果该函数提示我们出现了额外文本就好了,但是它不会那么做。
如果该字符串第一个字符时0,那么该字符串将被基于八进制而不是十进制来求值。在八进制中,8和9不是一个数字,所以parseInt("08")和parseInt("09")产生0作为结果。这个错误导致程序解析日期和时间时出现问题。幸运的是,parseInt可以接受一个基数作为参数,如此一来parseInt("08",10)结果为8.我建议你总是提供这个基数参数。
另外。下面这个会显示1:


alert(parseInt(0.0000001));
这是由于超过一定精度js就会用科学计数法记录数字,例如:


alert(0.0000001);
会得到1e-7,而parseInt会自动把参数转换成字符串的,那实际上就是:


s = (0.0000001).toString(); 
alert(parseInt(s));

最后得到1就不奇怪了。
  使用parseInt必须记住里面参数是转换成字符串再做转换的。
Javascript 相关文章推荐
Chrome中模态对话框showModalDialog返回值问题的解决方法
May 25 Javascript
js或者jquery判断图片是否加载完成实现代码
Mar 20 Javascript
jquery 通过name快速取值示例
Jan 24 Javascript
Android中的jQuery:AQuery简介
May 06 Javascript
原生JS绑定滑轮滚动事件兼容常见浏览器
Jun 30 Javascript
Angularjs制作简单的路由功能demo
Apr 14 Javascript
基于JS实现简单的样式切换效果代码
Sep 04 Javascript
图解JavaScript中的this关键字
May 28 Javascript
解决jQuery ajax请求在IE6中莫名中断的问题
Jun 20 Javascript
关于JavaScript数组你所不知道的3件事
Aug 24 Javascript
js基本算法:冒泡排序,二分查找的简单实例
Oct 08 Javascript
BootStrap select2 动态改变值的方法
Feb 10 Javascript
iframe 父窗口和子窗口相互的调用方法集锦
Dec 15 #Javascript
jQuery Ajax使用 全解析
Dec 15 #Javascript
JQuery 应用 JQuery.groupTable.js
Dec 15 #Javascript
javascript 冒泡排序 正序和倒序实现代码
Dec 14 #Javascript
javascript中的关于类型转换的性能优化
Dec 14 #Javascript
JavaScript学习笔记之获取当前目录的实现代码
Dec 14 #Javascript
根据一段代码浅谈Javascript闭包
Dec 14 #Javascript
You might like
php强制运行广告的方法
2014/12/01 PHP
PHP获取当前相对于域名目录的方法
2015/06/26 PHP
PHP可变函数学习小结
2015/11/29 PHP
php文件管理基本功能简单操作
2017/01/16 PHP
js实现右下角可关闭最小化div(可用于展示推荐内容)
2013/06/24 Javascript
js获取网页可见区域、正文以及屏幕分辨率的高度
2014/05/15 Javascript
深入了解Node.js中的一些特性
2014/09/25 Javascript
学习JavaScript事件流和事件处理程序
2016/01/25 Javascript
Zero Clipboard实现浏览器复制到剪贴板的方法(多个复制按钮)
2016/03/24 Javascript
只需五句话搞定JavaScript作用域(经典)
2016/07/26 Javascript
浅谈JavaScript 函数参数传递到底是值传递还是引用传递
2016/08/23 Javascript
jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象的方法
2016/08/25 Javascript
解析jQueryEasyUI的使用
2016/11/22 Javascript
js鼠标移动时禁止选中文字
2017/02/19 Javascript
Nodejs实现多房间简易聊天室功能
2017/06/20 NodeJs
JS设计模式之单例模式(一)
2017/09/29 Javascript
小程序实现列表多个批量倒计时
2021/01/29 Javascript
js中Generator函数的深入讲解
2019/04/07 Javascript
JavaScript函数式编程(Functional Programming)纯函数用法分析
2019/05/22 Javascript
JavaScript定时器设置、使用与倒计时案例详解
2019/07/08 Javascript
[02:39]DOTA2国际邀请赛助威团西雅图第一天
2013/08/08 DOTA
Python实现的视频播放器功能完整示例
2018/02/01 Python
numpy中以文本的方式存储以及读取数据方法
2018/06/04 Python
python3调用windows dos命令的例子
2019/08/14 Python
对Pytorch神经网络初始化kaiming分布详解
2019/08/18 Python
python将字符串转变成dict格式的实现
2019/11/18 Python
python实现拼接图片
2020/03/23 Python
阿迪达斯新加坡官方网站:adidas新加坡
2019/12/06 全球购物
外贸英语专业求职信范文
2013/12/25 职场文书
《画家乡》教学反思
2014/04/22 职场文书
单位委托书
2014/10/15 职场文书
2016年教师政治思想表现评语
2015/12/02 职场文书
七年级作文之游记
2019/12/11 职场文书
pytorch实现线性回归以及多元回归
2021/04/11 Python
详解Vue项目的打包方式(生成dist文件)
2022/01/18 Vue.js
MySQL派生表联表查询实战过程
2022/03/20 MySQL