`计算机顾名思义可以进行数学计算的机器,因此,计算机理所当然的可以处理各种数值,但是,计算机能够处理的远远不只是数值,它还能处理文本,图形,视频,音频,网页等各种各样的数据,不同的数据,需要定义不同的数据类型,javascript定义了一下数据类型:
字符串string , 数字number , 对象object, 布尔boolean , 空值null, undefined
基本类型:string,number,Boolean,Null,Number引用类型:object基本包装类型和引用类型的区别即使生存周期不同,引用类型在代码执行后就会销毁实例
- string——字符串
注:用双引号和单引号表示的字符完全相同
javascript就是用' ' 或 " "括起来的字符表示如果 ' 本身也是一个字符,就用" "表示: "I'm OK"如果字符串内部包含 ' 和 " ,就用转义字符 \ 来标识: 'I'm "OK"!'; 表示的字符串内容是：I'm "OK"!转义字符可以转义很多字符,比如:\n表示换行,\t表示制表符,字符 \ 本身也要转义,所以\表示的字符是\
(由于多行字符串用\n写起来比较费事,所以最新的ES6新增一种多行字符串的表示方法,用'...'表示:
这是一个多行字符串;)需要特别注意的是:字符串是不可变的,如果对字符串的某个索引赋值,不会有任何错误,但是,也不会有任何效果:
var s = 'Test';s[0] = 'X';alert(s); // s仍然为'Test'
javascript为字符串提供了一些方法,调用这写方法,不会改变字符串原有的内容,而是返回一个新的字符串:1. toUpperCase() 把一个字符串全部变成大写:
var s = 'Hello';s.toUpperCase(); // 返回'HELLO'
- toLowerCase()把字符串全部变成小写3. indexOf()返回搜索指定字符串出现的位置
var s = 'hello, world';s.indexOf('world'); // 返回7s.indexOf('World'); // 没有找到指定的子串，返回-1
- sbustring()返回指定索引区间的子串
var s = 'hello, world's.substring(0, 5); // 从索引0开始到5（不包括5），返回'hello's.substring(7); // 从索引7开始到结束，返回'world'
2 . number——数值
注:表示整数和浮点数值
javascript不区分整数和浮点数，统一用number表示以下都是合法的number]数据类型:---------------------------------------------------------------------------------------------------------------------------------123;//整数0.234;//浮点数0.2341.235e3;//科学计数法表示1.2345*1000,等同于1234.5-22;//负数NaN;//Not a number,当无法计算结果时,用NaN表示Infinity;//Infinity表示无限大,当数值超过了javascriptde的number所能表示的范围时,就表示为Infinity-----------------------------------------------------------------------------------------------------------------------------------( 注意:1.NaN这个的number与所有其他值(包括它自己)懂不相等,如:NaN === NaN; //false 唯一能判断NaN的方法是通过isNaN]()函数:isNaN(NaN]);//true
2.浮点数的比较: 1 / 3 === ( 1 - 2 / 3 ) ; //false 这不是javascript的设计缺陷,因为浮点数在运算过程中会产生误差,因为计算机无法精确的表示无限循环小数,要比较两个数是否相等,只能计算他们之差的绝对值,看是否小于某个域值:Math.abs( 1 / 3 - ( 1 - 2 / 3)) < 0.0000001 : // true )
javascript对象的键都是字符串类型,值可以是任意数据类型
3 . Object——对象
(1).数组
slice()对应string的substring(),它截取数组的部分元素,返回一个新的数组:
var arr = ['A', 'B', 'C', 'D', 'E', 'F', 'G'];arr.slice(0, 3); // 从索引0开始，到索引3结束，但不包括索引3: ['A', 'B', 'C']arr.slice(3); // 从索引3开始到结束: ['D', 'E', 'F', 'G']
注意到:slice()的参数包含开始索引,不包含结束索引 如果不给slice()传递参数,将从头到尾截取所有元素,利用这一点,我们很容易复制一个数组:
var arr = ['A', 'B', 'C', 'D', 'E', 'F', 'G']; var aCopy = arr.slice(); aCopy; // ['A', 'B', 'C', 'D', 'E', 'F', 'G'] aCopy === arr; // false
push()和pop() , push()想数组末尾加若干元素,pop()删除数组最后一个元素,并返回该元素:
var arr = [1, 2]; arr.push('A', 'B'); // 返回Array新的长度: 4 arr; // [1, 2, 'A', 'B'] arr.pop(); // pop()返回'B' arr; // [1, 2, 'A'] arr.pop(); arr.pop(); arr.pop(); // 连续pop 3次 arr; // [] arr.pop(); // 空数组继续pop不会报错，而是返回undefined arr; // []
unshift()和shift(), unshift()向Array头部插入若干元素, shift()则是删除数组的第一个元素:
var arr = [1, 2];arr.unshift('A', 'B'); // 返回Array新的长度: 4arr; // ['A', 'B', 1, 2]arr.shift(); // 'A'arr; // ['B', 1, 2]arr.shift(); arr.shift(); arr.shift(); // 连续shift 3次arr; // []arr.shift(); // 空数组继续shift不会报错，而是返回undefinedarr; // []sort(), 对当前Array排序,它会直接修改当前Array的元素位置,直接调用时,按默认的顺序排序:
var arr = ['B', 'C', 'A'];arr.sort();arr; // ['A', 'B', 'C']reverse(),把整个的Array元素反转:
var arr = ['one', 'two', 'three'];arr.reverse(); arr; // ['three', 'two', 'one']
splice()方法是修改数组的"万能方法",它可以从制定索引的位置开始,删除若干元素,再从该位置添加若干元素:
//删除又添加var arr = ['Microsoft', 'Apple', 'Yahoo', 'AOL', 'Excite', 'Oracle'];// 从索引2开始删除3个元素,然后再添加两个元素:arr.splice(2, 3, 'Google', 'Facebook'); // 返回删除的元素 ['Yahoo', 'AOL', 'Excite']arr; // ['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle']// 只删除,不添加:arr.splice(2, 2); // ['Google', 'Facebook']arr; // ['Microsoft', 'Apple', 'Oracle']// 只添加,不删除:arr.splice(2, 0, 'Google', 'Facebook'); // 返回[],因为没有删除任何元素arr; // ['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle']concat()把当前数组与另一个数组链接起来,返回一个新的数组:
var arr = ['A', 'B', 'C'];var added = arr.concat([1, 2, 3]);added; // ['A', 'B', 'C', 1, 2, 3]arr; // ['A', 'B', 'C']
实际上concat()可以接收任意多个元素和数组,并自动把数组拆开,然后全部添加到新的数组里:
var arr = ['A', 'B', 'C'];arr.concat(1, 2, [3, 4]); // ['A', 'B', 'C', 1, 2, 3, 4]
join()将当前数组按制定的字符串连接起来,然后返回连接后的字符串:
var arr = ['A', 'B', 'C', 1, 2, 3];arr.join('-'); // 'A-B-C-1-2-3'如果Array
的元素不是字符串，将自动转换为字符串后再连接2.null & undefinednull表示一个"空"值,它和 0 以及字符串' '不同, 0表示一个数值,' '表示长度为0的字符串,null表示"空"的值undefined表示未定义,仅仅在判断函数参数是否传递的情况下有用;( 大多数情况下,我们用null )
3.数组是按顺序排列的集合,集合的每个值称为元素,数组可包含任意类型的数据;
4.对象是一组由键-值组成的无序集合:
var person = { name: 'Bob', age: 20, tags: ['js', 'web', 'mobile'], city: 'Beijing', hasCar: true, zipcode: null};
4. boolean——布尔值
注：true和false是区分大小写的.也就是说,True和False(以及其他的混合大小写形式)都不是Boolean值,只是标识符
布尔型（5种false）javascript把 null ，undefined ， NaN ，0 ，和空字符串‘ ’ 视为false其他 一概·视为true
5. Null——空值
注：Null类型只有一个值就是null.如果这个变量准备在将来用来保存对象,那么最好将该变量初始化为null而不是其他值.
这样一来,只要直接检查null值就可以知道相应的变量是否已经保存了一个对象的引用.
- Undefined——值未定义
注:Undefined类型只有一个值,即特色的undefined.在使用var声明变量但未对其加以初始化时,这个变量的值就是undefined
变量:javascript的变量名:大小写英文,数字,$ 和 _ 组成,但不能以数字开头,不能是关键字;(虽然变量名也可以是中文,但是不要给自己找麻烦); 申明一个变量用var, 一个变量只能申明一次,可以被多次赋值为任意类型的数据; *这种变量本身类型不固定的语言称之为:动态语言 *在申明变量必须指定变量类型的,如果赋值的时候,类型不匹配,就会报错,称之为静态语言,如java语言 int a = 123; // a是整数类型变量，类型用int申明 a = "ABC"; // 错误：不能把字符串赋给整型变量 (和静态语言相比,动态语言更灵活,就是这个原因)
Strict模式:javascript允许初学者或者说不强制要求用var声明变量,这个设计错误将会带来严重的后果,如果一个变量没有通过var申明就被使用,那么该变量就会被自动申请为全局变量: i = 10; // i 现在是全局变量
在同一个网页的不同javascript文件中,如果都不用var申明变量,恰好都使用了变量i,将造成变量 i 相互影响,产生难以调试的错误结果;用var声明的变量不是全局变量,它的范围被限制在申明它的函数体内,同名变量在不同的函数体内互不冲突.-----为了修补javascript这一严重设计缺陷,ECMA在后续规范中推出了strict模式,在该模式下运行javascript代码,强制通过var声明变量,未通过var声明变量就使用的,将导致运行错误------(启用strict模式的方法是在javascript的第一行写上: 'use strict;' 这是一个字符串,不支持strict模式的浏览器,将会把它当做字符串语句来执行,支持strict模式的浏览器,将开启strict模式运行javascript. )
运算符:javascript在设计比较运算符时,有两种比较运算符:
1.第一种是"==",它会自动转换数据类型,再进行比较,会得到诡异的结果;2.第二种是"===",它不会自动转换数据类型,蜀国类型不一致,返回false,如果一致再比较;由于javascript的这个设计缺陷,不要使用"==",始终坚持使用"==="
