JavaScript基本数据类型介绍

　　　　　　　　　　　　　　　　　　　　　　JavaScript基本数据类型介绍

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　作者：尹正杰

版权声明：原创作品，谢绝转载！否则将追究法律责任。

 

一.什么是javascript

　　JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

　　在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。为了取得技术优势，微软推出了JScript，CEnvi推出ScriptEase，与JavaScript同样可在浏览器上运行。为了统一规格，因为JavaScript兼容于ECMA标准，因此也称为ECMAScript。

 

二.javascript的存在形式

1.如何编写javascript

　　JavaScript是一门编程语言，浏览器内置了JavaScript语言的解释器，所以在浏览器上按照JavaScript语言的规则编写相应代码之，浏览器可以解释并做出相应的处理。我们可以打开任意的浏览器，然后在按F12切换到检查的界面来，选中Console菜单框，就可以编辑你的js代码啦，如下图：

2.JavaScript代码存在形式

1 
2 
3   
4 
5 

3.JavaScript代码存放位置

• HTML的head中
• HTML的body代码块底部(推荐)

　　由于Html代码是从上到下执行，如果Head中的js代码耗时严重，就会导致用户长时间无法看到页面，如果放置在body代码块底部，那么即使js代码耗时严重，也不会影响用户看到页面效果，只是js实现特效慢而已。

1 
2 

 

三.变量以及注释

1.定义变量

　　JavaScript中变量的声明是一个非常容易出错的点，局部变量必须一个 var 开头，如果未使用var，则默认表示声明的是全局变量。

 1 

2.注释代码

　　注意，不管是单行注释还是多行注释只在标签内部生效哟，因此区分好HTML和CSS标签是很重要的。

a>单行注释

• 单行 //

b>.多行注释

• 多行 /*  */

 

四.数据类型

1.number（数字类型）

　　JavaScript中不区分整数值和浮点数值，JavaScript中所有数字均用浮点数值表示。

转换：

• parseInt(..)    将某值转换成数字，不成功则NaN
• parseFloat(..) 将某值转换成浮点数，不成功则NaN

 

特殊值：

•  NaN，非数字。可使用 isNaN(num) 来判断。
• Infinity，无穷大。可使用 isFinite(num) 来判断。

　　以下是更多数值计算：

 1 常量
 2 
 3 Math.E
 4 常量e，自然对数的底数。
 5 
 6 Math.LN10
 7 10的自然对数。
 8 
 9 Math.LN2
10 2的自然对数。
11 
12 Math.LOG10E
13 以10为底的e的对数。
14 
15 Math.LOG2E
16 以2为底的e的对数。
17 
18 Math.PI
19 常量figs/U03C0.gif。
20 
21 Math.SQRT1_2
22 2的平方根除以1。
23 
24 Math.SQRT2
25 2的平方根。
26 
27 静态函数
28 
29 Math.abs( )
30 计算绝对值。
31 
32 Math.acos( )
33 计算反余弦值。
34 
35 Math.asin( )
36 计算反正弦值。
37 
38 Math.atan( )
39 计算反正切值。
40 
41 Math.atan2( )
42 计算从X轴到一个点的角度。
43 
44 Math.ceil( )
45 对一个数上舍入。
46 
47 Math.cos( )
48 计算余弦值。
49 
50 Math.exp( )
51 计算e的指数。
52 
53 Math.floor( )
54 对一个数下舍人。
55 
56 Math.log( )
57 计算自然对数。
58 
59 Math.max( )
60 返回两个数中较大的一个。
61 
62 Math.min( )
63 返回两个数中较小的一个。
64 
65 Math.pow( )
66 计算xy。
67 
68 Math.random( )
69 计算一个随机数。
70 
71 Math.round( )
72 舍入为最接近的整数。
73 
74 Math.sin( )
75 计算正弦值。
76 
77 Math.sqrt( )
78 计算平方根。
79 
80 Math.tan( )
81 计算正切值。
82 
83 Math

2.string（字符串）

　　字符串是由字符组成的数组，但在JavaScript中字符串是不可变的：可以访问字符串任意位置的文本，但是JavaScript并未提供修改已知字符串内容的方法。

　　常见功能如下：

 1 obj.length                              　　 #长度(这是obj的属性)
 2 obj.trim()                           　　　　 #移除空白（从这行开始，下面的都是字符串的方法。）
 3 obj.trimLeft()
 4 obj.trimRight()
 5 obj.charAt(n)                        　　　　#返回字符串中的第n个字符
 6 obj.concat(value, ...)               　　　　#拼接操作
 7 obj.indexOf(substring,start)         　　　　#子序列位置，也就是说从左开始查找obj字符串中包含substring的字符串，并返回其下标，第二个参数（start）是定义查找的起始位置。注意，如果没有查找到的话会返回“-1”
 8 obj.lastIndexOf(substring,start)     　　　　#子序列位置，和上面的查找位置相反，indexOf是从左往右查找，而它是从右往左查找，顺序是相反的。
 9 obj.substring(from, to)              　　　　#根据索引获取子序列
10 obj.slice(start, end)                　　　　#切片操作，制定起始位置和结束位置，和python的切片方法类似。
11 obj.toLowerCase()                    　　　　#转换为大写
12 obj.toUpperCase()                    　　　　#小写
13 obj.split(delimiter, limit)          　　　　#分割
14 obj.search(regexp)                   　　　　#从头开始匹配，返回匹配成功的第一个位置(g无效)
15 obj.match(regexp)                    　　　　#全局搜索，如果正则中有g表示找到全部，否则只找到第一个。
16 obj.replace(regexp, replacement)     　　　　#替换，正则中有g则替换所有，否则只替换第一个匹配项，
17                                      $数字：匹配的第n个组内容；
18                                      $&：当前匹配的内容；
19                                      $`：位于匹配子串左侧的文本；
20                                      $'：位于匹配子串右侧的文本
21                                      $$：直接量$符号

 　　按照以上的提示，我们可以写一个滚动文字的小脚本如下：

 1 
 2 
 3 
 4     
 5     
 6 
 7 
 8     
尹正杰到此一游!
 9 
10     
30 
31 

3.Boolean（布尔类型）

布尔类型仅包含真假，与Python不同的是其首字母小写。

• ==      比较值相等
• !=       不等于
• ===   比较值和类型相等
• !===  不等于
• ||        或
• &&      且

4.object（数组）

　　JavaScript中的数组类似于Python中的列表。其实，我们叫他数组也不完全正确，正确的叫法应该是object，包括我们可以定义类似python中的字典，但是并没有字典的这个概念，而是我们通过object对象给它定义出来的：

　　常用功能如下：

 1 obj.length          　　　　　　　　　　　　　　　　　　#数组的大小
 2  
 3 obj.push(ele)       　　　　　　　　　　　　　　　　　　#尾部追加元素
 4 obj.pop()           　　　　　　　　　　　　　　　　　　#尾部获取一个元素
 5 obj.unshift(ele)    　　　　　　　　　　　　　　　　　　#头部插入元素
 6 obj.shift()         　　　　　　　　　　　　　　　　　　#头部移除元素
 7 obj.splice(start, deleteCount, value, ...)  　　　　#插入、删除或替换数组的元素
 8                     obj.splice(n,0,val) 　　　　　　#指定位置插入元素
 9                     obj.splice(n,1,val) 　　　　　　#指定位置替换元素
10                     obj.splice(n,1)     　　　　　　#指定位置删除元素
11 obj.slice( )        　　　　　　　　　　　　　　　　　　#切片
12 obj.reverse( )      　　　　　　　　　　　　　　　　　　#反转
13 obj.join(sep)       　　　　　　　　　　　　　　　　　　#将数组元素连接起来以构建一个字符串
14 obj.concat(val,..)  　　　　　　　　　　　　　　　　　　#连接数组
15 obj.sort( )         　　　　　　　　　　　　　　　　　　#对数组元素进行排序

 　　以下是在浏览器Console中的解释器的交互模式：

 

5.JavaScript 中的数据类型分为原始类型和对象类型：

• 原始类型
  • .数字
  • 字符串
  • 布尔值
• 对象类型
  • 数组
  • “字典”
  • ...

　　特别的，数字、布尔值、null、undefined、字符串是不可变。

 1 var name = "yinzhengjie";
 2 undefined
 3 typeof name
 4 "string"
 5 name
 6 "yinzhengjie"
 7 var age;             //此处我们只是声明了一个变量，并未进行赋值操作，undefined是一个特殊值，表示变量未定义。
 8 undefined
 9 age
10 undefined
11 var habby = null;    //null是JavaScript语言的关键字，它表示一个特殊值，常用来描述“空值”。
12 undefined
13 habby
14 null