901、数组Array
数组的创建、赋值、访问、属性(length)、方法。
分隔符:join( ) 排列:sort() 添加:push()
2、运算符(操作符)
算术运算符:
①运算符可以对一个或多个值进行运算,并获取运算结果
②比如:typeof就是运算符,可以来获得一个值的类型(它会将该值的类型以字符串的形式返回)
number string boolean undefined object
③当对非Number类型的值进行运算时,会将这些值转换为Number然后再运算
任何值和NaN进行运算,结果都是NaN
+
+可以对两个值进行加法运算,并将结果返回
如果对两个字符串进行加法运算,则会做拼串(将两个字符串拼接成一个字符串,并返回)
任何的值和字符串做加法运算,都会先转换为字符串,然后再和字符串做拼串的操作
我们只需要为任意的数据类型+一个“”即可将其转换为String,这是一种隐式的类型转换,由浏览器自动完成,实际上它也是调用String()函数
c = c + ""; c = String(c)
-
-可以对两个值进行减法运算,并将结果返回
*
*可以对两个值进行乘法运算,并将结果返回
/
/可以对两个值进行除法运算,并将结果返回
任何值做- * /运算时都会自动转换为Number,我们可以利用这一特点做隐式的类型转换,可以通过为一个值-0 *1 /1来将其转换为Number(原理和Number()函数一样,使用起来更简单)
a = +a ;(一元运算符)
%
%取模运算(取余数)
自增
++通过自增可以使变量在自身的基础上增加1, 对于一个变量自增后,原变量的值立即自增1
自增分为两种:后++(a++)和 前++(++a),无论哪种都会立即使原变量的值自增1
不同的是a++ 和 ++a的值不同(a++的值等于自增以前的值)(++a的值等于自增后的值)
var a = 1; var a = 1;
a++; ++a;
自减
--通过自减可以使变量在自身的基础上减1
自减分为两种:后--(a--)和 前--(--a),无论哪种都会立即使原变量的值自减1
不同的是a-- 和 --a的值不同(a--的值等于自增以前的值)(--a的值等于自增后的值)
赋值运算符:
=
可以将符号右边的值赋值给左侧的变量
+=
a +=5 等价于 a = a + 5
-=
a -=5 等价于 a = a - 5
*=
a *=5 等价于 a = a * 5
/=
a /=5 等价于 a = a / 5
%=
a %=5 等价于 a = a % 5
逻辑运算符:
! 非
!可以用来对一个值进行非运算,所谓非运算就是指对一个布尔值进行取反操作
true变false, false变true 如果对一个值进行两次取反,值不会变化
如果对非布尔值进行运算,则会将其转换为布尔值,然后再取反,所以我们可以利用该特点,来将一个其他的数据类型转换为布尔值,可以为任意一个数据类型取两次反,来将其转换为布尔值。
原理和Boolean()函数一样
var a = true;
a = !a;
&& 与
&&可以对符号两侧的值进行与运算,并返回结果
如果两个值都是true则返回true,只要有一个false,就返回false
JS中的”与“属于短路与,如果一个值为false则不会看第二个
|| 或
||可以对符号两侧的值进行或运算并返回结果
两个都是false,则返回false,如果有一个true则返回true
JS中的”或“属于短路或,如果一个值为true则不会看第二个
|| && 非布尔值的情况
运算时会先将其转换为布尔值,然后再运算,并且返回原值
与运算:
如果两个值都为true,则返回后边的,如果两个值中有false,则返回靠前的false
或运算:
如果两个值都为false,则返回后边的,如果两个值中有true,则返回靠前的true
比较运算符:(关系运算符)
通过关系运算符可以比较两个值之间的大小关系,如果关系成立它会返回true,如果关系不成立则返回false
> 大于号
判断符号左侧的值是否大于右侧,如果关系成立它会返回true,如果关系不成立则返回false
> =大于等于号
判断符号左侧的值是否大于或等于右侧,如果关系成立它会返回true,如果关系不成立则返回false
<小于号
判断符号左侧的值是否小于右侧,如果关系成立它会返回true,如果关系不成立则返回false
<=小于等于号
判断符号左侧的值是否小于右侧,如果关系成立它会返回true,如果关系不成立则返回false
非数值的情况:
对于非数值进行比较时,会将其转换为数字然后再比较
如果符号两侧的值都是字符串时,不会将其转换为数字进行比较,而会分别比较字符串中字符的Unicode编码
相等运算符:
==
使用==来做相等运算,当使用==来比较两个值时,如果值的类型不同,则会自动进行类型转换,将其转换为相同的类型,然后再比较
!=
不相等用来判断两个值是否不相等,如果不相等返回true,否则返回false
不相等也会对变量进行自动的类型转换,如果转换后相等它也会返回false
===
全等 用来判断两个值是否全等,它和类型相似,不同的是它不会进行的自动的类型转换,如果两个值的类型不同,直接返回false
!==
不全等 用来判断两个值是否不全等,和不等类似,不同的是它不会做自动的类型转换,如果两个值的类型不同,直接返回true
3、循环语句
if-else循环、for,while循环、for in、switch循环
switch可以使用break中断,跳出循环,也可以使用continue跳出当前循环之后继续下次循环。
常用的输入输出有:alert 以及 prompt
代码区分大小写,变量、对象和函数的名称尽量不要重复,每段代码后要有分号。
if-else循环
if(条件){
//JavaScript代码;
}
else{
//JavaScript代码;
}
for,while循环
for(初始化; 条件; 增量) {
JavaScript代码;
}
while(条件){
JavaScript代码;
}
for in
var fruit=[ "apple", "orange", "peach","banana"];
for(var i in fruit){
document.write(fruit[i]+"<br/>");
}
switch循环
switch (表达式){
case 常量1 :
JavaScript语句1;
break;
case 常量2 :
JavaScript语句2;
break;
...
default :
JavaScript语句3;
}
break中断
<script type="text/javascript">
var i=0;
for(i=0;i<=5;i++){
if(i==3){
break;
}
document.write("这个数字是:"+i+"<br/>");
}
//跳出整个循环
</script>
continue继续
<script type="text/javascript">
var i=0;
for(i=0;i<=5;i++){
if(i==3){
continue;
}
document.write("这个数字是:"+i+"<br/>");
//跳过当前循环,进行下次循环
}
</script>
注释
单行注释以 // 开始,以行末结束
多行注释以 /* 开始,以 */ 结束,符号 /*…… */ 指示中间的语句是该程序中的注释
常用输入输出
alert()
alert("你好");
prompt()
prompt("你好");
语法约定
代码区分大小写 变量、对象和函数的名称尽量不要重复 每段代码后要有分号
常用系统函数
什么是函数
类似于Java中的方法,是完成特定任务的代码语句块
parseInt ("字符串")
var i = "86"; console.log(parseInt (i));//将字符串转换为整型数字
parseFloat("字符串")
var i = "86.5"; console.log(parseFloat (i));//将字符串转换为浮点型数字
isNaN()
var i = "a"; console.log(isNaN(i));//用于检查其参数值是否是非数字
定义函数
function 函数名(参数.... ){ //JavaScript语句 [return 返回值] }
调用函数
<script type="text/javascript"> function study( ){ for(var i=0;i<5;i++){ document.write("<h4>欢迎学习JavaScript</h4>"); } } </script> <input name="btn" type="button" value="显示5次欢迎学习JavaScript" οnclick="study( )" />
作用域
全局变量
局部变量
<script type="text/javascript"> var i=20; function first( ){ var i=5; for(var j=0;j<i;j++){ document.write(" "+j); } } function second( ){ var t=prompt("输入一个数","") if(t>i) document.write(t); else document.write(i); first( ); } </script>
事件
名称 | 说明 |
---|---|
onload | 一个页面或一幅图像完成加载 |
onlick | 鼠标单击某个对象 |
onmouseover | 鼠标指导移到某元素上 |
onkeydown | 某个键盘按键被按下 |
onchange | 域的内容被改变 |