2018-05-26.26
js四天全部的笔记
document.write("LiLi");
console.log("hello.world");
alert("hao ge")
变量
var uname="meng";
console.log(uname);常量
const you="fff";
const me="ooo";
console.log(me);
var r=10;
console.log(r);
var l="2*π*r";
console.log(2*3.14*10);
var s=3.14*10*10;
console.log(s);
6种数据类型
1数字:number 整数和小数
var number1=123;
var number2=0.6;/
var number3=3.14;
console.log(number2);
2字符串:string 有引号不管单引号还是双引号//var string1="123";
var string2="hello world";
var string3="你好";
console.log(string2);
3布尔:boolean 两个值真假 true=1 false=0/
var boolean1=true;
var boolean2=false;
var boolean3=true+3;
console.log(boolean3)
4未定义的 undefined 两个样式
一、声明没有被赋值
var undefined1;
console.log(undefined1);
二、声明没有被定义
console.log(undefined2);
5空 null
6对象 object
判断数据类型用typeof(number/string/之类的)
运算类型(隐式转换)
1.number+number(数字+数字)
var number1=5;
var number2=9;
console.log(number1+number2);
2.number+string(数字+字符串)/
var number1=7;
var string0="2";
var string1="wo";
console.log(number1+string1);
console.log(number1+string0);
3.number+boolean(数字+布尔)//var number1=12;
var boolean1=true;
var boolean2=false;
console.log(number1+boolean1);
console.log(number1+boolean2);
4.number+undefined(数字+未定义的)
var number1=5;
var undefined1;
console.log(number1+undefined1);
5.string+boolean(字符串+布尔)(字符串和谁在一起都是拼接的)//var string1="2";
var boolean1=true;
console.log(typeof(string1+boolean1));
6.string+undefined(字符串+未定义的)
var string1="9";
var undefined1;
/console.log(typeof(string1+undefined1));
//7.boolean+undefined(布尔+未定义的)/
/var boolean1=true;
//var undefined1;/
/console.log(typeof(boolean1+undefined1))/
/8.boolean+boolean(布尔+布尔)/
/var boolean1=true;/
/var boolean2=false;
//console.log(typeof(boolean1+boolean2))/
/NaN:not a number(不是一个数字)(判断里面的内容不是数字类型)/
/但数据类型还是number类型/
/isNaN: is not a number/
/ 是 不是 一个数字//
作用:判断一个非数字/
/ 如果是数字返回:false;
// 如果不是数字返回:true;/
/var number2=8;
//var string2="WOW";/
/console.log(isNaN(number2));
//console.log(isNaN(string2));/
/声明提前/
/例子:/
/var a=6;可以转化成/
/var a;/
/console.log(a)
//a=6;/
/然后返回undefined1
//var提到前面了, 就相当于没有赋值了光有声明,/
/声明会上前面去但赋值还在原来的位置。/
/显示转化或强制转换(转换函数)//
1.parseInt();转换成整数/
/var a="1.2";/
/var b=parseInt(a);
//console.log(b);/
/console.log(typeof b);/
/2.parseFloat();转换成小数(.必须在数前面才出0.几了)
//var a=".05";/
/var b=parseFloat(a);/
/console.log(b);/
/console.log(typeof b);/
/转换出来的都是number类型以上|/
/3.Number()转换成number类型//var a="5";/
/var b=Number(a);/
/console.log(b);//
console.log(typeof b);//
4.toString();转换成字符串.
//var a=9;
//var b=a.toString();/
/console.log(b);/
/console.log(typeof b);/
/var a=true;/
/var b=a.toString();/
/console.log(b);/
/console.log(typeof b);/
/5.toFixed(这些保留几位小数) 按要求保留小数位数(如果不写保留几位小数他会有四舍五入的功能。)/
/var a=13.123;/
/var b=a.toFixed(2);/
/console.log(b);/
/console.log(typeof b);/
/转换成保留几位小数类型只能是字符串;/
/算数运算符(+-*/加减乘除)/
/1.%表示:模(两个数相除为出尽出来的余数)/
/例子:3%2=1/
/ 5%2=1/
/ 10%3=1/
/ 3%5=3(商0余3所以是3)/
/{就是算的余数}
//2.++在前(++a自增先加1再赋值)(自增操作,增量为一)/
/ var a=3;/
/ var b=++a;/
/ console.log(a);/
/4//
console.log(b);/
/4/
/++在后(a++先赋值再加1)
// var a=3;/
/ var b=a++;/
/ console.log(a);
//4/
/ console.log(b);/
/3//自减操作/
/3.--在前(先自身减一,再赋值)/
/var a=5;/
/var b=--a;/
/console.log(a);/
/4/
/console.log(b);/
/4/
/ --在后(先赋值,在自身减一)/
/var a=5;/
/var b=a--;/
/console.log(a);/
/4/
/console.log(b);/
/5/
/练习/
/var a=5;/
/var b=a++ + ++a + a++;/
/console.log(a);/
/console.log(b);/
/(b+总数)(a选最后数是)/
/var a=5;/
/var c=--a + a-- - --a;/
/console.log(a);/
/console.log(c);/
/(b+总数)(a选最后数是)/
/关系运算符:返回布尔值//
内有:< > <= >=//
1.==只判断值是否相等与类型无关。//
==等于//
2.!=不等于//===数值与类型都必须相等。//
3.===全等 //
4.!==不全等于/
/练习://
var a=5;
//var b="3";
//var c="5";
//console.log(a==c)//true/
/console.log(a!=c)//false
//console.log(a===c)//false
//console.log(a!==c)//true
//console.log(a>b)//true
//console.log(a=c)//true
//console.log(a<=c)//true
//一个等于=是赋值的意思
//逻辑运算符(用布尔值表示)
//1.与=和,且 用&&符号表示(有一个是错的他就是错的)/
/var a=3;
//var b=5;
//var c=6;/
/console.log((ac)&&(b>c))//false//
console.log((ac))//false/
/console.log((c>b)&&(bc))//true/
/3.非:取反 用!表示 (相反的值)//
例子://
var a=true;
//console.log(!a)//false/
/三种输出方式:
//1
.//2
.//3
.//三种输入方式:/
/1.prompt();
//var a=Number(prompt("why"));/
/var b=parseFloat(prompt("true"));
//Number||parseFloat||parseInt;
//alert(a+b);/
/转换成数字Number类型要不还是字符串类型/
/三目(三元)运算符/
/ var a=prompt("请输入成绩");//
var b=a>=60?"及格":"不及格";/
/ alert(b); /
/练习//条件?"答案1""答案2"/
/3>5"是":"是""false"
//var sleep=prompt("请输入你的睡眠时间")/
/var time=sleep>=8?"正常":"不正常";/
/alert(time);
//分支结构/
/if语句//
1.if(条件){ /
/条件为true(对的)的时候执行的语句,如果不对是不会执行的!/
/}/
/ var a=prompt("请输入第一个数");//
var b=prompt("请输入第二个数");/
/ if(a=90){
alert("国内三日游");
}else{
if(a>=80){
alert("省内三日游");
}else{
if(a>=70){
alert("沧州三日游");
}else{
if(a>=60){
alert("室内三日游");
}else{
if(<60){
alert("两个大嘴巴子");
}
}}}}}
3.else if (多重条件语句)
var a=prompt("请输入成绩")
if(a==100){
alert("国外三日游");
}else if(a>=90&&a<100){
alert("国内三日游");
}else if(a>=80&&a<90){
alert("省内三日游");
}else if(a>=70&&a<80){
alert("沧州三日游");
}else if(a>=60&&a<70){
alert("室内三日游");
}else if(a<60){
alert("两个大嘴巴子");
}
4.switch.....case....
switch(条件){
case 情况1:
执行的语句;
bread;
case 情况2:
执行的语句;
bread;
case 情况3:
执行的语句;
bread;
以上条件都不满足的时候。用
default:
要执行的语句:用
bread;
}
例子:
var date=prompt("请输入今天星期几")
switch(date){
case("星期一"):
alert("麻辣小龙虾");
break;
case("星期二"):
alert("羊肉串");
break;
case("星期三"):
alert("火锅鸡");
break;
case("星期四"):
alert("西红柿炒鸡蛋");
break;
case("星期五"):
alert("馒头泡水");
break;
case("星期六"):
alert("喝水");
break;
case("星期日"):
alert("减肥");
break;
default:("星期八")
alert("吃饭");
}
5.switch.....case....的直落形式;
switch(条件){
case(情况一:)
case(情况二:)
case(情况三:)
case(情况四:)
。。。。
不管有多少个条件只有一个执行语句。
bread;
}
var date=prompt("请输入今天星期几")
switch(date){
case("星期一"):
case("星期二"):
case("星期三"):
case("星期四"):
case("星期五"):
case("星期六"):
case("星期日"):
alert("减肥");
break;
default:("星期八")
alert("吃饭");
}
var a=prompt("请输入几点")
if(a<=7){
alert("早安");
}