JavaScript基础-数据类型

js数据类型

ECMAScript变量包含两种不同类型的值:基本类型和引用类型

基本类型:指的就是保存在栈内存中的简单数据段.
引用类型:指的是那些保存在堆内存中的对象,换句话说，就是变量名实际上是一个指针,而这个指针指向的位置，就是保存对象的位置.

两种不同的访问方式:

基本类型:按值访问,操作的是它们实际的值.
引用类型:按引用访问,当查询时,我们需要先从栈中读取内存地址,然后按照指针所指向的地方,找到堆内存里面的值

基本类型

基本数据类型:number,string,boolean,null,undefined基本类型的访问是按值访问的,就是说你可以操作保存在变量中的实际的值.

特点:

基本类型的值是不可变的
基本类型的比较是值的比较
基本类型的变量是放在栈区的

number

NaN的特点

任何涉及NaN的操作都会返回NaN
NaN与任何值都不相等

ECMAScript定义了isNaN()函数,该函数会帮助我们确定这个参数是否"不是数值".

数值转换

3种方法将非数值的值转换为数值:number(),parseInt和parseFloat().

Number()函数的转换规则如下:

如果是Boolean值,true和false将分别转换成1和0.
如果是数字值,只是简单的传入和返回。
如果是null值,返回0.
如果是undefined,返回NaN.
如果是字符串,遵循下列规则

a.如果字符串中只包含数字(包括前面带正号或负号的情况)，则将其转换为十进制数值，即“1”会变成1,“123”会变成123，而“011”会变成11(注意:前导的零被忽略了)

b.如果字符串中包含有效的浮点格式，如“1.1”,则将其转换为对应的浮点数值(同样，也会忽略前导零); c.如果字符串中包含有效的十六进制格式，例如：“0xf”，则将其转换为相同大小的十进制整数数; d.如果字符串是空的(不包含任何字符),则将其转换为0;e.如果字符串中包含除上述格式之外的字符,则将其转换为NaN.

如果是对象则调用对象的valueOf()方法,然后依照前面的规则转换返回的值.如果转换的结果是NaN，则调用对象的toString()方法,然后再次依照前面的规则转换返回的字符串值.

parseInt (cString)从字符串cString非空字符开始转换得到的整数,遇到小数点或其他0-9外的字符就停止，如“-1234a”,“-1234.0”都将返回 -1234；如果除第一个符号外一个0-9字符都不是，将返回NaN,如“-a”、“abc”等

parseFloat支持第一个非空字符为小数点，如parseFloat(".123" )返回0.123。空字符串或完全空格串健壮的parseFloat()返回NaN，而Number()返回0，这有点让人费解。除了不支持无前导0小数（如.123、-.123）和支持多余的前导0(如-00123返回-123)多少不符合常规外，Number能用来验证数字串！

string

字符串可以存储一系列字符,如 "John Doe".
字符串可以是插入到引号中的任何字符.你可以使用单引号或双引号.

字符串的常用方法

方法 | 描述

```
            |   - 
```

boolean

boolean类型是javascript中使用最多的一种类型.2个值：true和false.与数字值不是一回事，true不一定等于1，false不一定等于0. 所有类型的值都有这两个Boolean值等价的关系的值。可以调用转化函数 Boolean().如下所示:

各类数据及对应的转换规则

数据类型 | 转换为true的值 |转为false的值

```
  | -           | -
```

undefined

表示缺少值，就是此处应该有一个值，但未定义.

变量被声明了,但没有赋值时,就等于undefined
调用函数时,应该提供的参数没有提供,该参数等undefined.
对象没有赋值的属性，该属性的值为undefined。
函数没有返回值时，默认返回undefined.

Null(undefined和null之间的区别)

null值表示一个对象空指针.typeof null返回object. null和undfined之间的相等操作符（==）总返回true.

引用类型

javascript中除了上面的基本类型(number,string,boolean,null,undefined)之外就是引用类型了,也可以说是就是对象了.对象是属性和方法的集合.

引用类型的值是可变的,可为为引用类型添加属性和方法,也可以删除其属性和方法
引用类型的值是同时保存在栈内存和堆内存中的对象
引用类型的比较是引用的比较

引用类型和传统的面向对象程序设计中的类相似,但实现不同.

Object是一个基础类型,其他所有类型都是从Object继承基本的行为.
Array类型是一组值的有序列表,同事还提供了操作和转换这些值的功能.
Date类型提供有关日期和时间信息,包括当前日期和时间已经相关的计算功能.
RegExp类型是支持正则表达式的.
function，函数实际上是Function类型的实例，因此函数也是对象，函数也拥有方法，可以来增强其行为.

Object

两种创建方式

//new操作后面跟Object构造函数
var person=new Object();//var person={}等价
person.name="Nicholas";
person.name=29;
//对象表面量表示法
var person={
    name:"Nicholas",
    age:"29"
}

Array类型

两种创建方式

使用Array构造函数
//创建length为20的数组
var color=new Array(20)//var color=Array()等价
//穿建包含3个字符串值得数组
var color=new Array("red","blue","green");

使用数组字面量表示法
var color=["red","blue","green"];
color[0]="red";
var name=[];

数组的常用方法

push:向数组的末尾增加一项,返回数组的新长度
unshift:向数组开头增加一项,返回数组的新长度
pop:删除数组的末尾项，返回值是数组的删除的数组项
shift:删除数组开头项,返回被删除的开头项目
splice:删除数组的任意项,返回值是被删除的数组项
slice:复制数组，返回值是复制到的新数组
contact:把一个数组和另一个数组拼接在一起,回拼接好的数组
join:把数组的每一项按照指定的分隔符拼成字符串
reverse:倒叙数组,返回值倒叙数组原有数组改变
sort:跟据匿名函数进行冒泡排序
indexOf:返回获取项在数组的索引
lastIndexOf:返回获取项在数组中出现的最后一次索引
ForEach:循环遍历数组，参数是一个匿名函数,默认返回undefined
map:循环遍历数组，参数是一个匿名函数

var c=ary.push(1);//在数组的末尾增加一项
    var d=ary.unshift(3);//在数组的开头增加一项
    var e=ary.pop();//在数组的末尾删除一项
    var f=ary.shift();//在数组的开头删除一项
    var g=ary.slice(2,5);//复制数组
    var h=ary.concat(ary1,ary2).concat(1,2,2,2,2,[456654]); //如果没有参数 或者参数为（）空则为赋值数组
    var i=ary.join('+');//将数组中的每一项用指定的分隔符拼接成一个新的字符串
    var j=ary.reverse();//倒序排序  原有数组改变
    var k=ary1.sort(function(a,b){return b-a;});
    var l=ary2.indexOf(4);//返回获取项在数组中出现的索引
    var m=ary2.lastIndexOf(4);//返回获取项在数组中出现的最后一次索引
    var n=ary2.indexOf(9);//若获取项不存在则返回-1
    var o=ary.forEach(function(a,b){console.log(a,b)});
    var p=ary2.map(function(){});
    console.log(a);//[3,4,5] 
    ary=[1,2,5,6,7,8,9,0]
    console.log(b);//[5]
    ary=[1,2,6,7,8,9,0]
    console.log(c);//8
    ary=[1,2,6,7,8,9,0,1]
    console.log(d);//9
    ary=[3,1,2,6,7,8,9,0,1]
    console.log(e);//1
    ary=[3,1,2,6,7,8,9,0]
    console.log(f);//3
    ary=[1,2,5,6,7,8,9,0]
    console.log(g);//[6,7,8]
    console.log(h);//ary=[3,1,2,5,6,7,8,9,0]
    console.log(i);//1+2+6+7+8+9+0
    console.log(j);//[0,9,8,7,6,2,1]
    ary=[0,9,8,7,6,2,1]
    console.log(k);//[7,5,4,1]
    console.log(l);//2
    console.log(m);//6
    console.log(n);//-1
//    console.log(a,xb);
    console.log(o);//undefined
    console.log(ary);//[0,9,8,7,6,2,1]
    console.log(ary1);//[7,5,4,1]

Date()函数

创建Date()对象的语法
var myDate=new Date()

new Date("month dd,yyyy hh:mm:ss");
new Date("month dd,yyyy");
new Date(yyyy,mth,dd,hh,mm,ss);
new Date(yyyy,mth,dd);
new Date(ms);
参数表示的是需要创建的时间和GMT时间1970年1月1日之间相差的毫秒数。各种函数的含义如下：
month:用英文表示月份名称，从January到December
mth:用整数表示月份，从0-11(1月到12月)
dd:表示一个月中的第几天，从1到31
yyyy:四位数表示的年份
hh:小时数，从0（午夜）到23（晚11点）
mm:分钟数，从0到59的整数
ss:秒数，从0到59的整数
ms:毫秒数，为大于等于0的整数
如:
new Date("January 12,2006 22:19:35")
new Date("January 12,2006")
new Date(2006,0,12,22,19,35)
new Date(2006,0,12)
new Date(1137075575000)

Function类型

在JS中,Function(函数)类型实际上是对象;每个函数都是Function类型的实例,而且都与其他而且都与其他引用类型一样具有属性和方法.由于函数是对象,因此函数名实际上也是一个指向函数对象的指针,不会与某个函数绑定.函数通常是使用函数声明语法定义的，如下面的例子所示.

function sum (num1, num2) {
return num1 + num2;
}
这与下面使用函数表达式定义函数的方式几乎相差无几。
var sum = function(num1, num2){
return num1 + num2;
};

Js中同名函数的覆盖

在Js中函数是没有重载,定义相同函数名、不同参数签名的函数,后面的函数会覆盖前面的函数.调用时，只会调用后面的函数.

var n1 = 1;
 
function add(value1) {
    return n1 + 1;
}
alert(add(n1));//调用的是下面的函数，输出：3
 
function add(value1, value2) {
    return value1 + 2;
}
alert(add(n1));//输出：3

函数申明和函数表达式

解析器会率先读取函数申明
函数声明必须有标符，也就是常说的函数名。函数表达式可以省略函数名函数声明(要带标识符)

function functionName(arg1, arg2, ...){
    <!-- function body -->
}

函数表达式

省略标识符：

var  variable=function(arg1, arg2, ...){
        <!-- function body -->
}
带有标识符：

var  variable=function functionName(arg1, arg2, ...){
        <!-- function body -->
}

posted @ 2018-04-18 20:46 知乎所以阅读(202) 评论(0) 编辑收藏举报

会员力量，点亮园子希望

刷新页面返回顶部

知乎所以