Javascritp 基础学习02

本节讲解JavaScript运算符的知识,包括比较运算符、逻辑运算符、条件运算符。JavaScript 是 Web 的编程语言。 所有现代的 HTML 页面都使用 JavaScript。 JavaScript 非常容易学。

根据上节课来个创意的输入和接收判断

//上节课输出有个prompt和document.write输出方法

var urlname = prompt('请问全端观察网址是什么?',"http://");

if(urlname == "http://www.kyotos.top"){
    document.write("恭喜你答对了,给你50积分");
}else{
    document.write("答错了,看来你不认真哦!");
}

字符串对接

上面判断稍后讲解,先来讲字符串对接,比如用户登录后,显示尊敬的XXX你好,欢迎登录

var name = prompt('您的用户名是?');
document.write("尊敬的"+name+"用户你好,欢迎登录!");

运算符 算术

包括:算数、关系、赋值、逻辑和三元运算符。


//加法运算 var num = 1+2; document.write(num); //3 //减法运算 var num = 3-2; document.write(num); //1 //乘法运算 var num = 3*3; document.write(num); //9 //除以运算 var num = 3/2; document.write(num); //1.5 //余数运算 var num = 3%2; document.write(num); //1 //加加运算 var x = 5; var y = 6 + x++; //++写在后面时,先运算再累加 document.write(y); //11 var x = 5; var y = 6 + x++; document.write(y+ '|'+ x); //11 | 6 var x = 5; var y = 6 + ++x; //++写在前面时,先累加再运算 document.write(y); //12 //减减运算 var x = 5; var y = 6 + --x; //--写在前面时,先递减再运算 document.write(y); //11

表:

运算符 描述 例子 结果
+ x=y+2 x=7
- x=y-2 x=3
* x=y*2 x=10
/ x=y/2 x=2.5
% 求余数 x=y%2 x=1
++ 累加 x=++y x=6
-- 递减 x=--y x=4

运算符 关系(比较运算符)

//比较
var age = 18;
var me = 35;
var result = 18>35;
document.write(result); //false 为假

var result = 18<35; //ture 为真
var result = 18<=35; //ture 为真
var result = 18>=35; //false 为假

var she = 18;
var he = 17;
if(she>he){
   document.write("对的!");  //she大于he 对的
}

var she = 18;
var he = '18';  //这是字符串不是数字

if(she == he){
   document.write("对的!");  //输出对的 因为==只判断内容不管类型
}

if(she === he){
   document.write("对的!");
}else{
   document.write("不对!");  //输出不对 因为===判断内容又判断类型
}


if(she != he){
   document.write("对的!");  //输出对的 因为!=只判断内容不管类型
}


if(she !== he){
   document.write("对的!");  //输出为空 因为 ==判断内容又判断类型
}

4>'1' 或 5*'2' //都可以对比,单引号数组转换数字,除了加法外

如果两边都是字符串,它会转换ASCII编码来判断,比较第一个字母:

var usa = "特朗普";
var japan = "安倍";

if(usa > japan){
    document.write("成立");   //输出成立
}else{
    document.write("不成立");
}

如果和布尔值进行对比,布尔值true为1,fasle为0:

var age = 18;

if(age > true){
    document.write("成立");   //输出成立
}else{
    document.write("不成立");
}

表:

运算符 描述 例子
== 等于 x==8 为 false
=== 全等 x===5 为 true;x==="5" 为 false
!= 不等于 x!=8 为 true
> 大于 x>8 为 false
< 小于 x<8 为 true
>= 大于或等于 x>=8 为 false
<= 小于或等于 x<=8 为 true

运算符 逻辑

有三种:与and&&,或or||,非not!

//与运算 

if(1>2 && 6>3){
    document.write("成立");  
}else{
    document.write("不成立");  //输出不成立  只要两边有一项不成立
}

//或运算  

if(1>2 || 6>3){
    document.write("成立");   //输出成立 只要两边有一项成立
}else{
    document.write("不成立"); 
}

//非运算

if(!(1>2)){
    document.write("成立");   //输出成立
}else{
    document.write("不成立"); 
}

逻辑运算符可以对类型数据进行运算转换对应布尔值

Undefine false
Null false
Boolean 就是本身的值
Number 除了0以外都是真的
String 除了空字符串以外都是真的
对象 真的
//例1:
if('全端观察' && 2020){
    document.write("成立");   //输出成立
}else{
    document.write("不成立"); 
}
//例2:
if('3<1' && '0'){
    document.write("成立");   //输出成立
}else{
    document.write("不成立"); 
}

条件运算符 三元表达式

方法:(条件)?条件成立返回值:条件不成立返回值

//if else方法 判断是否过60分合格:

var study = 80;
if(study>=60){
    document.write("考试合格");  
}else{
    document.write("考试不合格");  
}

//三元表达式方法

var study = 80;
var result = (study>=60)?'考试合格':'考试不合格';
document.write(result); //考试合格


//输入
var num = prompt('请输入你的分数');
var result = (num>=60)?'考试合格':'考试不合格';
document.write(result); //根据您输入的数字判断

FAQ


思考,如果1+'1',答案是什么?

//加法运算
var num = 1+'1';
document.write(num);

发表评论