1.回顾
操作标签内容
闭合标签
标签.innerHTML 标签.innerText
标签.innerHTML=值 标签.innerText=值
表单标签
标签.value
标签.value = 值
操作标签属性
标签.属性名 = 值
className 特殊
操作标签样式(行间样式)
标签.style.样式名 font-size fontSize border-radius borderRadius
标签.style.样式名 = 值 设置到行间样式上
数据类型:6大数据类型(5种基本数据类型和一种特殊类型)
基本数据类型
number 数值类型 10 3.14 -10 0771 0xfff NaN(not a number 不是一个数)
string 字符串类型 "" '你好' 字符串.length 字符串[下标] 字符串.charAt(下标)
字符串类型 碰见+ 拼接 10+5+"30" = "1530"
boolean 布尔类型 true false
null 空对象 有存储空间的
undefined 未定义 没有存储空间 声明变量不赋值 var a;
特殊: 复合数据类型 对象数据类型 引用数据类型
object 对象类型 {}
array 数组
function
2.数据类型转换
2.1 强制转换
2.1.1 强制转换为number
<script>
// Number类型转换
// 1.number类型
var n1 = 10;
console.log( Number(n1) );//10
// 2.string类型转换
var n2 = "10";
console.log( Number(n2));//10
var n3 = "10px";
console.log(Number(n3));//NaN
var n4 = "px10abc";
console.log(Number(n4));//NaN
var n5 = "";
console.log(Number(n5));//0
// 3.boolean类型
var n6 = true;
console.log(Number(n6));//true----1
var n7 = false;
console.log(Number(n7));//false----0
// 4.undefined
var n8 = undefined;
console.log(Number(n8));//NaN
// 5.null
var n9 = null;
console.log(Number(n9));//0
// 总结:Number可以转换的有:string类型(纯数字,""-0 " "-0) boolean(true-1 false-0) null(0)
</script>
var n1 = "10.5";
console.log(parseInt(n1));//10
var n2 = "10.5px";
console.log(parseInt(n2));//10
var n3 = "px10.5";
console.log(parseInt(n3));//NaN
var n4 = "11px123";
console.log(parseInt(n4));//11
var n5 = undefined;
console.log(parseInt(n5));
<script>
// parseFloat: 将数据转换成number类型,从左往右转换,遇到不能转换的或者是末尾结束,如果一开始都不能转换则是NaN 保留小数
var n1 = "10.8";
console.log(parseFloat(n1));//10.8
var n2 = "10.8px";
console.log(parseFloat(n2));//10.8
var n3 = "px10.8";
console.log(parseFloat(n3));//NaN
var n4 = "11.8px1234";
console.log(parseFloat(n4));//11.8
var n5 = undefined;
console.log(parseFloat(n5));//NaN
</script>
2.1.2 强制转换为string
<script>
// String():将数据强制转换为string类型 直接在数据外面加""
var s1 = 10;
console.log(String(s1));// "10"
var s2 = null;
console.log(String(s2));// "null"
var s3 = undefined;
console.log(String(s3)); //"undefined"
var s4 = true;
console.log(String(s4));// "true"
</script>
<script>
// toString
var n1 = 10;
console.log(n1.toString());//"10"
var n2 = true;
console.log(n2.toString());// "true"
// undefined没有tostring方法
var n3 = undefined
// console.log(n3.toString());//报错
var n4 = null
// null 没有tostring方法
console.log(n4.toString());//
</script>
2.1.3 强制转换为Boolean
-
Boolean() : 强制转换为Boolean类型 结果为true,false
<script>
// Boolean(要转换的数据) 将数据转换boolean类型 转换结果只有两种true和false
// 1.number类型转换 非0即真(只要不是0 都是true)
var b1 = 1;
console.log(Boolean(b1));//true
var b2 = 0;
console.log(Boolean(b2));//false
// 2.string类型转换 有值即为真
var b3 = "中文wertyuewrty";
console.log(Boolean(b3));//true
var b4 = "";
console.log(Boolean(b4));//false
//3.undefined
var b5 = undefined;
console.log(Boolean(b5));//false
// 4.null
var b6 = null;
console.log(Boolean(b6));//false
// 5.NaN
var n7 = NaN;
console.log(Boolean(n7));
//总结:Boolean结果为false的有:0 null undefined "" NaN
</script>
2.2 小方法
2.2.1 toFixed
<script>
// toFixed(n) 保留n位小数 给number类型用的
var n1 = 3.1415926;
console.log(n1.toFixed(3));
var n2 = "3.1415926";
console.log(n2.toFixed(2));//报错
</script>
2.2.1 isNaN
// isNaN 检测数据是不是 不是一个数
// 判断之前会先用Number方法强制转换 再进行判断
var n3 = 10;
console.log(isNaN(n3));//n1不是一个数 false
var n4 = "123"; // 先用Number方法转成 123
console.log(isNaN(n4));//123不是一个数 false
var n5 = "123你好";//Number类型转换是NaN
console.log(isNaN(n5));//true
3.运算符与表达式
3.1 运算符和表达式的概念
10 + 20 表达式
10 20 称为操作数
+ 运算符
算术运算符 + - * / % ++ --
赋值运算符 = += -= /= %=
逻辑运算符 && || !
三目运算符 条件 ? true执行的结果 : false执行的结果
比较运算符 > < >= <= == != ===
算术表达式 操作数和算术运算符组成
赋值表达式 操作数和赋值运算符组成
逻辑表达式 操作数和逻辑表达式组成
三目表达式 操作数和三目表达式组成
比较表达式 操作数和比较运算符组成
3.2 算术运算符
算术运算符: + - * / % ++ --
<script>
// 算术运算符
var a = 10 + 4
console.log(a);//14
var b = 10-4;
console.log(b);//6
console.log(10*4);//40
console.log(10/4);//2.5
console.log(11%4);//3 取余
console.log(12%4);//0
// 1.求n的倍数
var n = 9;
console.log(100%n == 0);//true 是9的倍数 false 不是9的倍数
// 2.判断当前这个数是不是偶数 都是2的倍数
console.log(11%2==0)//true 偶数 false 奇数
// 3.精度缺失 在运算过程中 是先转换成二进制进行计算 在转换过程中会造成精度缺失
console.log(0.1+0.2);//0.30000000000000004
console.log(0.7+0.1);//0.7999999999999999
console.log(0.1*0.7);//0.06999999999999999
// 4.隐式转换 在运算过程中 数据自动进行数据类型的转换
// 隐式转换的规律:都会转换number类型进行运算
console.log(100 * false);//0
console.log(100 * "123");//12300
console.log(100 * "123px");//NaN
console.log(100 / true);//100
console.log(100+null); //100
console.log("100"- 10);//90
// 特殊:+ 字符串遇到+会拼接 除了字符串数据,其他的还是会隐式转换
console.log(100 + "123");// "100123"
console.log(100+true);// 101
</script>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)