Javascript学习笔记一 之 数据类型

一.数据类型
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必须记住里面参数是转换成字符串再做转换的。

时间: 2010-12-13

JavaScript学习笔记之创建对象

JavaScript 有Date.Array.String等这样的内置对象,功能强大使用简单,人见人爱,但在处理一些复杂的逻辑的时候,内置对象就很无力了,往往需要开发者自定义对象. 从JavaScript定义上讲对象是无序属性的集合,其属性可以包含基本值.对象或函数.也就是说对象是一组没有特定顺序的属性,每个属性会映射到一个值上,是一组键值对,值可以是数据或对象. 对象是JavaScript的基本数据类型.在JavaScript中除了字符串.数字.true.false.null和undefine

JavaScript学习笔记之ES6数组方法

ES6(ECMAScript 6)是即将到来的新版本JavaScript语言的标准,代号harmony(和谐之意,显然没有跟上我国的步伐,我们已经进入中国梦版本了).上一次标准的制订还是2009年出台的ES5.目前ES6的标准化工作正在进行中,预计会在14年12月份放出正式敲定的版本.但大部分标准已经就绪,且各浏览器对ES6的支持也正在实现中. ES6给数组添加了一些新特性,而这些新特性到目前为止完全可以运用到自己的业务层.在这一节中将总结有关于ES6给数组提供一些新特性的使用方法. ES6提供

JavaScript学习笔记之取数组中最大值和最小值

推荐阅读:JavaScript学习笔记之数组的增.删.改.查 JavaScript学习笔记之数组求和方法 JavaScript学习笔记之数组随机排序 在实际业务中有的时候要取出数组中的最大值或最小值.但在数组中并没有提供arr.max()和arr.min()这样的方法.那么是不是可以通过别的方式实现类似这样的方法呢?那么今天我们就来整理取出数组中最大值和最小值的一些方法. 取数组中最大值 可以先把思路理一下: 将数组中第一个元素赋值给一个变量,并且把这个变量作为最大值: 开始遍历数组,从第二个元

ES6学习笔记之新增数据类型实例解析

本文实例讲述了ES6学习笔记之新增数据类型.分享给大家供大家参考,具体如下: 1.数据解构赋值 1.数组的解构赋值 基本用法:let  [key1,key2...]=[value1,value2...] let [name,age,sex]=['小明',24,'男']; console.log(name); console.log(age); console.log(sex); 注意左右的key与value格式要匹配对应,键值可以缺省,但逗号的位置要正确 let [arr1,,[arr3,,[,

Javascript学习笔记之 对象篇(四) : for in 循环

先上范例: // Poisoning Object.prototype Object.prototype.bar = 1; var foo = {moo: 2}; for(var i in foo) { console.log(i); // prints both bar and moo } 这里我们要注意两点,一是 for in 循环会忽略 enumerable 设置为 false 的属性.例如一个数组的 length 属性.第二是,由于 for in 会遍历整个原型链,所以当原型链过长时,会

JavaScript学习笔记之数组去重

推荐阅读:JavaScript学习笔记之数组的增.删.改.查 JavaScript学习笔记之数组求和方法 JavaScript学习笔记之数组随机排序 话说面试常会碰到面试官会问JavaScript实现数组去重的问题,最近刚好在学习有关于JavaScript数组相关的知识,趁此机会整理了一些有关于JavaScript数组去重的方法. 下面这些数组去重的方法是自己收集和整理的,如有不对希望指正文中不对之处. 双重循环去重 这个方法使用了两个for循环做遍历.整个思路是: 构建一个空数组用来存放去重后

JavaScript学习笔记整理_setTimeout的应用

setTimeou的t应用 var ids = []; function foo1(i) { this.i = i; console.log('i = '+i); ids[0] = setTimeout((function () { foo1(i); }),1000); } function foo2(j) { this.j = j; console.log('j = '+j); ids[1] = setTimeout((function () { foo2(j); }),1000); } fo

JavaScript学习笔记(三):JavaScript也有入口Main函数

在C和Java中,都有一个程序的入口函数或方法,即main函数或main方法.而在JavaScript中,程序是从JS源文件的头部开始运行的.但是某种意义上,我们仍然可以虚构出一个main函数来作为程序的起点,这样一来不仅可以跟其他语言统一了,而且说不定你会对JS有更深的理解. 1. 实际的入口 当把一个JavaScript文件交给JS引擎执行时,JS引擎就是从上到下逐条执行每条语句的,直到执行完所有代码. 2. 作用域链.全局作用域和全局对象 我们知道,JS中的每个函数在执行时都会产生一个新的

javascript学习笔记_浅谈基础语法,类型,变量

基础语法.类型.变量 非数字值的判断方法:(因为Infinity和NaN他们不等于任何值,包括自身) 1.用x != x ,当x为NaN时才返回true; 2.用isNaN(x) ,当x为NaN或非数字值时,返回true; 3.用isFinity(x),在x不是NaN.Infinity.-Infinity时返回true; 虽然(字符串.数字.布尔值)不是对象,他们的属性是只读的,但也可以像操作对象一样来引用他们的属性和方法,原理: javascript构造一个(String.Number.Boo