js = JavaScript
alert 语句 :alert的用途 : 弹出"警告框" ;
语法规则 :
1.JavaScript对换行 , 缩进 , 空格不敏感 . 备注 : 每一条语句末尾要加分号(;) ; 虽然分号不是必须加的,但是为了程序今后要压缩 , 如果不加分号 , 压缩之后程序不能运行 .
2.所有的符号都是英语的 . 比如 : 括号 , 引号 , 分号.
3.JavaScript的注释 : //单行注释 /* */多行注释 .
JavaScript在网页中输出信息的写法 .
弹出警告框 : alert(" ") ; 控制台输出 : console.log(" ") ; 用户输入 : prompt( ) 语句.
代码如下 :
<script type="tex/JavaScript">
var a = prompt("今天是什么天气");
console.log(a);
</script>
prompt()语句中,用户不管输入什么内容都是字符串.
alert和prompt的区别:
alert : 直接用 , 不需要变量 ;
prompt : 必须用一个变量来接收用户输入的值 ;
在JavaScript中 , 永远都是var来定义变量 ;
变量的命名规范 : 只能有英语字母 , 数字 , 下划线 , 美元符号($)构成 , 切不能以数字开头 , 并且不能是JavaScript保留字.
变量里面能够存储数字 , 字符串等 , 变量会自动的根据存储内容的类型不同 , 来决定自己的类型.
数值型number : 1, 2 ,3.......
typeof() 表示"获取变量的类型" ;
字符串型 : string
ParseInt() 还具有以下特性 :
(1)带有自动净化的功能 : 只保留字符串最开头的数字,后面的中文自动消失;
(2)带有自动净化的功能 : 取整 , 不会四舍五入.
NaN是number类型,但是不是数字.
number , Infinity(无限大) , 都是number类型;
string , boolean(布尔值) , null(空) , undefined(表示变量未定义)
数据类型转换 :
1. 将数值类型转换成字符串类型 :
隐式转换 : var n1 = 123;
var n2 = "123";
var n3 = n1 + n2;
console.log(typeof n3);
强制类型转换 : string() , tostring()
var str1 = String(n1);
console.log(typeof str1);
var num = 234;
console.log(num.tostring);
2.将字符串类型转换成数值类型;
var str1 = "789.123va";
var num = Number(str1);
console.log(num);
ParseInt()可以解析一个字符串并且返回一个整数;
console.log(ParseInt(str1));
console.log(ParseFloat(str1));
3.任何数据类型都可以转换为boolean类型;
var b = null ;
//非0既真
console.log(Boolean(b)) ;
流程控制 :
1 . if , if - else , if - else , if - else
注意 :浏览器解析代码的顺序,是从上往下执行,从左往右执行;
2. 逻辑 与&& , 逻辑 或 ||
例 : if(sum>400&&math<90){
console.log("清华大学");
console.log("高考失利")
}
3.switch :
case表示一个条件满足这个条件就会走进来,遇到break跳出,break终止循环.如果某个条件中不写break,那么直到该程序遇到下一个break停止;
例 :
var a="better";
switch(a){
case "good" :
console.log("玩的好");
break
default :
console.log("很烂");
}
4. while循环
循环三步走 :
var i=1; 初始化循环变量
while(i<=9){判断循环条件
console.log(i);
i += 1; 更新循环条件
}
5.do - while
不管有没有满足while中的条件do里面的代码都会走一次;
var i=3; 初识化循环变量;
do{
console.log(i)
i ++ ; 更新循环条件
}while(i<10) 判断循环条件
6. for 循环
for(var i = 1; i <=10; i ++){
console.log(i)
}
7.常用内置对象
数组Array
1.数组的创建方式
1,字面量方式创建 : var colors = ["red","green","yellow"];
2.使用构造函数的方式创建,使用new关键字对构造函数进行创建对象 : var color2 = new Array();
2.数组的赋值 :
var arr= [];
arr[0] = 123;
arr[1] = "哈哈";
3.1 数组的合并 concat()
var n1 = ["北京"];
var n2 = ["南京"];
var n3 = n1.concat(n2);
console.log(n3);
3.2 join()将数组中的元素使用指定的字符串连接起来,形成一个新字符串
var n1 = [98,99,90];
var n2 = n1.join("|");
console.log(n2); 结果是 : 98|99|90
3.3将数组转换成字符串tostring() :
tostring()直接转换为字符串,每个元素使用逗号隔开;
var n1=[98,99,90];
var str = n1.tostring();
console.log(str) ; 结果是 :98,99,90
3.4slice(start,end)返回数组的一段,左闭右开;
var arr = ["张三","李四","王五","赵六"];
var newarr=arr.slice(1,3);
console.log(newarr); ["李四","王五"]
3.5 pop移除数组的最后一个元素;
var arr=[1,2,3,4,5];
var str = arr.pop();
console.log(str);
3.6 push()向数组最后添加一个元素;
var arr=[1,2,3,4];
var str = arr.push(5);
console.log(arr);
3.7 reverse()翻转数组;
var arr = [1,2,3,4];
arr.reverse();
console.log(arr);
3.8 sort对数组排序;
var names=["alex","xiao","tan","abs"];
name.sort();
console.log(names) ; 结果 : ["alex","abs","tan","xiao"]
3.9 判断是否为数组 : isArray();
布尔类型值 = Array.isArray(被检测的值);
4.字符串string;
4.1 ChartAt()返回指定索引的位置的字符;
var str = "Alex";
var Charset = str.CharAt(1);
console.log(Charset); 显示l
4.2 concat 返回字符串值,表示两个或多个字符串的拼接;
var str1 = "al";
var str2 = "ex";
console.log(str1.concat(str2)); 显示:alex
4.3 replace(a,b)将字符串a替换成字符串b;
var a = "12345";
var b = a.replace("123","***");
console.log(b);
4.4 indexof()查找字符的下标,如果找到返回字符串的下标,找不到则返回-1 , 跟seach()方法用法一样;
var str ="alex";
console.log(str.indexof("e")); 2
console.log(str.indexof("p")); -1
4.5 slice(start,end)左闭右开,分割字符串;
var str="alex";
console.log(str.slice(1,2)) 显示 l
4.6 split("a",2)以字符串a分割字符串,并返回新的数组,如果第二个参数没有写,表示返回整个数组,如果定义了一个数,则返回数组的最大长度;
var str = "defachedfavc";
console.log(str.split("a")); 显示["def","chedf","vc"]
4.7 substr(start,end)左闭右开;
var str = "defacheabc";
console.log(str.substr(0,3)); 显示def
4.8 toLowerCase()转小写;
var str="xiAoMing";
console.log(str.toLowerCase()); 显示xiaoming
4.9 toUpperCase()转大写;
var str = "xiaoming";
console.log(str.toUpperCase());
将number类型转换成字符串类型;
var num = 132.323;
var numstr = num.toString();
console.log(typeof numstr);
var newnum = num.toFixed(2);
console.log(newnum); 打印的是字符串类型且小数保留两位数;
5.Date日起对象
创建日期对象只有构造函数一种方式,使用new关键字;
创建一个data对象;
var mydate = new Date();
console.log(mydate().toLocalstring());返回本地时间
console.log(mydate().getDate()); 获取一个月中的某一天;
Date()根据本地时间返回当天的日期和时间;
getMonth()返回指定日期对象月份(0-11);
getDay()返回星期中的第几天;(0-6);
6.Math内置对象
常用内置对象
6.1Math.ceil()向上取整;"天花板函数"
var x = 1.2344;
var a = Math.ceil(x);表示大于等于x,并且与他最近的整数是多少
console.log(a); 显示 2;
6.2Math.floor向下取整"地板函数";
var x = 1.2445;
var b = Math.floor(x);小于等于x,并且与它最近的整数是多少;
console.log(b); 显示 1;
6.3 求两个数的最大值和最小值;
console.log(math.max(2,5)) 显示5
console.log(math.min(2,5)) 显示 2
6.4 随机数Math.random()
var ran= Math.random(); 默认取0-1之间的小数;
console.log(ran); (0,1)
如果想去100-500之间的数怎么办?
var ran = 100+Math.random()*(大-小)
console.log(ran);
三元运算符
var s1 = 1<2 ?"真的" :"假的";
console.log(s1)
if(1<2){console.log("真的")}else{console.log("假的")};