JSBasicDay02
2017-01-22 17:42:38 0 举报AI智能生成
JSBasicDay02是编程学习中的一天，专注于JavaScript基础的学习。在这一天中，学员将深入学习JavaScript的基本语法、数据类型、运算符、条件语句和循环结构等核心概念。通过理论讲解和实际编码练习，学员将掌握如何使用JavaScript编写简单的程序，并能够解决一些常见的编程问题。此外，学员还将学习如何使用JavaScript与HTML和CSS进行交互，以创建动态的网页效果。通过这一天的学习，学员将为进一步深入学习JavaScript打下坚实的基础，并为未来的编程之旅做好准备。
作者其他创作
大纲/内容
数据类型转换
隐式转换
typeof(变量) 或 typeof 变量
数字 + 字符串 ： 数字转换为字符串
数字 + 布尔 ： 布尔转换为数字
字符串 + 布尔 ： 布尔转换为字符串
布尔 + 布尔 ： 都会转换为 数字
转换函数
toString()
var 结果=变量.toString()
parseInt()
var 变量=parseInt(数值)
碰到第一个非数字字符停止转换
如果第一个字符就是非数字字符，那么结果为 NaN
parseFloat()
将数据转换成小数
var 变量=parseFloat(数值);
Number()
将一个string解析为一个number
如果包含非法字符，则返回NaN
Number("35a16"):结果为：NaN
四舍五入
toFixed(保留位数)
var 变量=数值.toFixed(2);
运算符和表达式
算术运算符
+，-，*，/，%
+
数字之间的加法操作
字符串连接
15+13+"Hello" : 28Hello
"Hello"+15+13 : Hello1513
%
获取两个数字的余数
5%2=1
3%8=3
倍数判断
能否被 xxx 整除
奇偶性
获取某数字最后几位
++
自增，增量为1
i++
先使用i的值，再自增
++i
先自增，再使用i的值
情况
var i=5;
var j = i++;
console.log(i);
console.log(j);
--
自减，减量为1
i--
--i
关系运算符
>,<,>=,<=,==,!=,===,!==
== : 判断等于，两个操作数相等，结果为 true ， 否则为false
!= : 不等于，两个操作数不等时，结果为true，否则为false
=== : 全等， 除了判断数值之外，还可以判断数据类型，必须全部一致，才返回true
注意
运算符两端都是 number，则正常判断
运算符两端如果只有一个操作数是number的,则会将非number类型数据先转换成number，再做比较
“3”>5
"30">5
运算符两端都是string类型的话,比较每位字符上的Unicode码
“30”>"5"
“张无忌”>"张三丰"
"张三丰">"张三疯"
逻辑运算符
逻辑非 : !
取反
非真即假，非假即真
逻辑与 : &&
两个条件同时为真的时候，该表达式整体结果为真
两个条件中，有一个为假，整个表达式结果就为假
逻辑或 : ||
两个条件中有一个为真，整体结果就为真
短路逻辑
&&
如果第一个表达式计算为假，
第二个表达式就不会再运算，
并且将第一个表达式的值，
作为整体表达式的值
如果第一个表达式为真，
则继续判断第二个表达式，
以第二个表达式的结果作为整个表达式的结果
条件 && 操作
||
如果第一个表达式为真，
就将第一个表达式的值作为整体表达式的值，
第二个表达式就不会再判断
位运算
按位与 ： &
将两个操作数转换成二进制，每位上的数字进行匹配，如果都为1，则该位结果为1
可以通过 & 1 判断一个数字的奇偶性
按位或 : |
按位异或 :^
对应的二进制位上，只有一个1的时候，
该位的结果才为1，否则为0
使用场合：不借助第三方变量交换两个数字
var i = 5,j=10;
i = i^j;
j = j^i;
i = i^j;
右移 ： >>
将二进制位数字，向右移动指定位数
数值将变小
左移 ： <<
将二进制位数字，向左移动指定位数
数值将变大
条件运算符（三目）
语法：表达式1?表达式2:表达式3;
表达式1应该是一个 boolean 类型的数值
表达式1的值为true，则执行表达式2的操作，并将表达式2的值，作为整个表达式的值
表达式1的值为false，则执行表达式3的操作，并将表达式3的值，作为整个表达式的值
0 条评论
下一页
为你推荐
查看更多
