数据类型
JavaScript属于弱语言类型浏览器脚本语法,当前数据类型是由值决定的;
1.typeof
用来检测基本数据类型的(相对来说不够精确),会将当前的数据类型以字符串的形式返回
基本语法
typeof 数据;
typeof(数据);
2.数据的划分
基本数据类型
- Number 数字
- String 字符串
- Boolean 布尔
- null 空(空的,没有,空指针)
- undefined 未初始化,未进行赋值
复杂数据类型(引用数据类型)
- object
- Object 对象类
- Array 数组类
- function
Number
正数 负数 0 NaN Infinity (无穷大)
// 因为js在进行运算 采用的IEEE-754双精度标准去运算,都会转为二进制进行运算因为0.1转为二进制是无限循环 0.0001 1001 1001 1001…(无限循环) 0.2转为二进制也是无限循环 进行取舍(约等于)结果就是不精确的
console.log(0.1 + 0.2); //0.30000000000000004
// console.log((0.1+0.2)==0.3);
// 怎么解决:
// 将原来的每一项扩大10倍 最后缩小10倍
console.log((0.1 * 10 + 0.2 * 10) / 10);
String
用单引或双引包起来的就是字符串
字符串的属性
-
length 字符串长度 (字符的个数) 返回值是一个数值
-
获取当前字符串中对应的某个字符
-
语法:
变量名.charAt(index);
、变量[index]
index:索引值。从0开始,最大索引值 length-1
-
Boolean
表示真或假
- true 真
- false 假
null 和undefined
- null:空 没有 (
typeof null;
的返回值是object) - undefined:未初始化,未赋值
Object
对象类,用来描述当前事物的详细信息。
对象的组成:一个对象是由属性名和属性值组成的
对象的创建
- 字面量的方式 {}
var obj = {}; {}中没有内容 就是空对象
var obj1 = {属性名:属性值,属性名:属性值,...};
对象的操作
- 获取属性值
对象.属性名;
对象[属性名];
- 设置属性值(原来没有就是增加,有的话就是修改)
对象.属性名 = 值;
对象[属性名] = 值;
3.数组
作用:存储任意数据类型的一个集合,没有数据就是空数组
描述:由索引和值组成,天生自带length属性,索引从0开始依次递增,最后一项的索引arr.length-1
1.数组的创建
- 字面量的方式 []
var arr = [ ];
(空数组)var arr1 = [10,"哈哈",true];
2.数组的属性
- length 数组的长度,数据的个数
3.数组的操作
- 获取
数组[索引]
4.函数
描述:具有特定功能的代码段
基本语法
//函数定义
function 函数名(){
特定的代码段
}
//函数调用
函数名();
函数名表示当前函数本身
5.typeof返回值
typeof一般用于基本数据类型检测 object下不能进行细分
- Number ->number
- Stirng ->string
- Boolean ->boolean
- null -> object
- undefined - > undefined
- Obecjt -> object
- Array->object
- Function ->function
6.基本数据类型和引用数据类型的本质区别
本质区别:基本数据类型操作的是值,引用数据类型操作的是地址
7.数据类型的强制转换
7.1.其它数据类型转为数字
引用数据类型转为数字,先内置调用toString()
方法,然后再去转为数字
- Number(数据);
- 将转完后的值 返回 转不成具体的数值 返回NaN
- 字符串转为数字,必须是纯数字字符串,一旦遇到非数字字符,就停转转换返回NaN,但是可以识别小数(只能识别一个小数),可以保留小数
- 布尔类型转为数字 true->1 false->0
- null -> 0 “”->0 []->0
- 其它类型转为数字都是NaN
- parseInt(数据);
- 字符串转为数字一旦遇到非数字字符就停止转换了,并且不识别小数点,开头就是非数字字符返回NaN (转为整数)
- 其它类型全部返回NaN
- 数组特殊
- parseFloat(数据);
- 字符串转为数字一旦遇到非数字字符就停止转换了,识别小数点,开头就是非数字字符返回NaN (只能识别一个小数点)
- 其它类型全部返回NaN
- 数组特殊
2.其它数据类型转为布尔
对于单个数据而言,只有0 NaN null undefined “” 是假的 其它的都是真的
- Boolean(数据);
3.其它类型转为字符串
区别:String(数据);可以将所有其它数据类型转为字符串,而变量.toString();,null和undefined没有这个属性
-
String(数据);
- 返回字符串
-
变量.toString();
8.运算符
1.算术运算符
+ - * / % ++ --
// 规律:不同数据类型在进行运算的时候会尽量转为数字类型(内置帮我们进行转换,并且符合Number的规律)
// 引用数据类型转为数字,先内置调用toString()方法,然后再去转为数字
// +
// 1.+ 号两边都是数字 表示加法
// 2.如果一边是字符串就会将另一边也转为字符串进行拼接
// 3.两边都不是字符串,如果不是数字会尽量转为数字进行运算(符合Number的规律)
// 4.一旦遇到引用数据类型,会先将引用数据类型先转为字符串(内置调用toString()方法)然后再进行运算
// +
console.log(100+100);//200
console.log(100+200+"1");//3001
console.log(100+{});//100[object Object]
console.log(100+true);//101
console.log(100+null);//100
console.log(100+undefined);//100 + NaN ->NaN
console.log(null + []);//"null" =>null + "" => "null"
console.log([]+{}); //[object Object]
// -
console.log(10-10);//0
console.log(10-"5");//5
console.log(true-"5");//-4
console.log(true-[]);//1
console.log(null - undefined); //NaN
// *
console.log(100 * [10]); //1000
console.log(100 * {}); // 100 * [object Object] => 100 * NaN => NaN
// /
console.log(100/0);//Infinity
console.log(true /null);//Infinity
console.log([10]/2); // 5
// % 取模 取余
console.log(10 % 2); //0
console.log("100" % 2); //0
console.log("100" % 3); //1
console.log("100" % {}); //NaN
- ++
- 后++(
a++
)先进行运算然后再自身加1 - 前++(
++a
)在前是先自身加1,再进行运算
自减运算同理
- 后++(
var x = 2;
// 5
// 2 + 3 + 5 - 5 - 7 + 6 + 6 => 10
console.log(x++ + x++ + ++x - x++ - ++x + --x + x--);
console.log(x);// 5
2.赋值运算符
= :赋值运算符 将等号右边的值赋值给左边
+=:
-=:
/=:
%=: