JavaScript学习手册三：JS运算符

最新推荐文章于 2024-03-24 13:41:37 发布

少年游四方

最新推荐文章于 2024-03-24 13:41:37 发布

阅读量4.5k

点赞数 7

分类专栏： # Web技术应用基础——javascript 文章标签： javascript

本文链接：https://blog.csdn.net/qq_45823118/article/details/115711732

版权

Web技术应用基础——javascript 专栏收录该内容

11 篇文章 59 订阅

订阅专栏

JS运算符

A、算术运算符
B、比较和逻辑运算符
C、条件和赋值运算符
D、运算符的优先级和结合性

【天呼噜~我不知道有大佬写了一样的，我放个链接在这里吧，我也只是想记录一下： JS 运算符】

A、算术运算符

任务描述

给定两个字符串变量，把它们转为数字后相除，拼接被除数、除数和余数为一个新的字符串。
例如：a为"5"，b为"3"，则c为数字2，拼接后结果为字符串"532"。
a为"23asdf"，b为"3fe"，则c为数字2，拼接后结果为字符串"23asdf3fe2"。
本关的编程任务是补全右侧代码片段中Begin至End中间的代码，具体要求如下：
1.完成函数mainJs()；
2.将两个字符串参数a和b转换为数字；
3.计算a除以b的余数c；
4.将a、b、c分别转换为字符串；
5.拼接字符串a、b和c；

具体请参见后续测试样例。

本关涉及的代码文件ArithSymbol.js的代码框架如下：

function mainJs(a,b) {
//请在此处编写代码
/********** Begin **********/
/********** End **********/
    return a+b+c;
}

测试过程：

平台将读取用户补全后的ArithSymbol.js；
调用其中的mainJs()方法，输入若干组测试数据；
最后根据测试的输出判断程序是否正确
以下是测试样例：

测试输入：
100,9
预期输出：
10091

测试输入：
-10,3
预期输出：
-103-1

测试输入：
23as,3ss
预期输出：
23as3ss2

B、比较和逻辑运算符

任务描述

本关任务：

判断两个字符串的大小，第一个大于第二个则返回两者逻辑相与的结果，否则返回第二个逻辑取反的结果。
例如：a为字符串"d"，b为字符串"b"，因为字符串"d"大于字符串"b"，所以返回"d"逻辑与"b"，即字符串"b"。

本关的编程任务是补全右侧代码片段中Begin至End中间的代码，具体要求如下：

完成函数mainJs()；
比较字符串a和b的大小；
如果a>b，则返回a逻辑与b的结果，否则返回a逻辑取反的结果（返回时使用return）；

具体请参见后续测试样例。

比较需要用到条件表示式，如下：

//打印a和b中较大的哪一个
var a = 1,b = 2;
if(a > b) {
    console.log(a);
}
else {
    console.log(b);
}

本关涉及的代码文件LoginBoolSymbol.js的代码框架如下：

function mainJs(a,b) {
//请在此处编写代码
/********** Begin **********/
/********** End **********/
}

测试过程：

平台将读取用户补全后的LoginBoolSymbol.js；
调用其中的mainJs()方法，输入若干组测试数据；
最后根据测试结果判断程序是否正确。

以下是测试样例：

测试输入：
b,d
预期输出：
b

测试输入：
z,zz
预期输出：
False

相关知识

1.比较运算符

JavaScript中的比较运算符有==,===,>,<,!=,>=等。
==叫做相等，===叫做严格相等。
双等号和三等号的区别是：三等号要求数据类型和值都相等，双等号只需要值相等即可，相等包含严格相等。
从比较过程来看，严格相等先比较两个对象的数据类型是否相等，不相等则结束比较，返回false，相等在数据类型不同时，尝试进行数据类型转换，例如，在字符串和数字的比较中，字符串会被转为数字再比较；布尔值true转为数字1，布尔值false转为数字0。
如果数据类型相同，相等和严格相等都会直接比较值，值相等返回true。

需要特别注意的是，以上仅仅适用于非对象类型。对于对象类型，相等或者严格相等比较的都是对象的引用，而不是具体的值，就是说，一个对象和其他任何对象都是不相等的，即使两者属性、值都相等。下面给出一些例子：

var stringVariable = "2";
var number1 = 2;
var number2 = 2;
console.log(stringVariable == number1);//true
console.log(stringVariable === number1);//false
console.log(number1 === number2);//true
var studentA = {
name:"Bob",
age:22
}
var studentB = {
name:"Bob",
age:22
}
console.log(studentA == studentB);//false，因为不是同一个对象
var studentC = studentA;
console.log(studentA == studentC);//true，因为是同一个对象

将studentA赋值给studentC，这时studentC和studentA指向内存中的同一个地址块，视为同一个对象，所以两者相等。

不等对应于上面的等号，不等号也有两种：!=和!。 !=和互为相反，==成立，!=一定不成立。 !和=互为相反，严格相等成立，则严格不相等不成立。

其它大于，小于，大于等于，小于等于的比较规则如下：比较的两个对象都是数字，按照数学中数字的比较方法。
数字和字符串比较，字符串转为数字后再比较。
字符串和字符串比较，从第一个字符开始，逐个比较，发现不相等立即返回。字符按照ASCII编码值的大小比较，一般只要记住：数字<大写字母<小写字母，字母a小于字母z，A小于Z，
比较过程中，当一个字符串结束另外一个字符串还有，还没有比较出大小，则长的字符串较大。

var number1 = 1;//定义变量number1
var number2 = 2;//定义变量number2
var string1 = "3";//string1
var lowerLetter = "a";//定义变量lowerLetter
var upperLetter = "A";//定义变量upperLetter
var string1 = "aa";//定义变量string1
var String2 = "ab";//定义变量String2
console.log(number1<number2);//输出true
console.log(number2<string1);//输出true
console.log(upperLetter<lowerLetter);//输出true
console.log(lowerLetter<string1);//输出false
console.log(string1<string2);//输出true

逻辑运算符
在介绍逻辑运算符之前，我们必须明确逻辑运算符的操作数只能是布尔型，其他类型都会被转换为布尔型：除了0，null，undefined，""外，其他的值转换为布尔值都是true。

逻辑与

逻辑与有两个操作数，中间用&&连接，只有两个操作数都是true结果才是true；
其中一个操作数不是布尔型，当左操作数为真值时，返回右操作数。当左操作数为假值时，返回左操作数。

逻辑或

逻辑或同样有两个操作数，用||连接，至少有一个操作数为true时结果为true；
其中一个操作数不是布尔型，当左操作数为真值时，返回左操作数。当左操作数为假值时，返回右操作数。

逻辑非

逻辑非只有一个操作数，!后连接操作数或表达式，意思是将操作数取反；
如果操作数不是布尔型，编译器首先将其他类型转换为布尔型，然后返回true或者false。

console.log(true&&false);//false
console.log(true||false);//true
console.log(!false);//true
var number1 = 1;
var number2 = 0;
var string = "a";
console.log(number1&&string);//输出字符串"a"
console.log(number1||string);//输出数字1
console.log(!number1);//false

代码文件

function mainJs(a,b) {
//请在此处编写代码
/********Begin***************/
var a;
var b;
if( a > b ) {
    return (a&&b);
}
else {
    return !a;
}

/**********End****************/
}

C、条件和赋值运算符

任务描述

本关任务：

计算并返回两个字符串中较大的字符串。字符串的大小比较直接使用比较运算符>或者<即可。
例如：对于字符串aa和ab，要求返回ab。

D、运算符的优先级和结合性

任务描述

本关任务：

我们将给出函数mainJs()的完整代码，要求在函数体内第三句以及第五句中添加适当的括号，实现编程要求里面的要求。
要想完成本关任务，必须熟悉运算符的优先级和结合性，请阅读下面的相关知识。

相关知识

在我们平时的学习中，经常会看到一些前辈的代码短小精悍却功能复杂，大部分是通过把大量运算符放在一起结合使用实现的，所以我们要深入理解运算符的优先级和结合性，写出漂亮的代码!

运算符的优先级

JavaScript中运算符的优先级和数学中运算符的优先级意思相同，优先级高的运算符比优先级低的运算符先计算，例如数学中1+2*3算式，先计算2*3,结果再与1相加，所以乘法的优先级高于加法，在JavaScript中，不同的优先级也是这个作用。

下面是常见的运算符的优先级：
在这里插入图片描述

从上到下优先级逐渐降低。第一栏数字相同的运算符优先级相同，对于这个表格，不需要全部记住，但是常见的需要记住，比如加减乘除的优先级高于比较运算符，赋值运算符的优先级几乎是最低的，下面给出例子帮助理解：

var a = 1;
var b = 2;
var c = ++a+b;

因为++的优先级高于+，所以上面的第三个句子等价于：

var c = (++a)+b;

运算符的结合性

运算符的优先级是针对不同优先级的运算符来说的，对于同一级的运算符，运算顺序取决于运算符的结合性，比如加法和减法的优先级相同，而加法和减法都是从左向右结合，所以a+b-c式中，会先计算a+b，即按照阅读的顺序计算。
也有很多运算符是从右到左结合的，比如取反、逻辑非。
上面图中的第三栏就是结合性，R表示从右向左结合，L表示从左到右结合，从左向右的占多数，这和我们在数学中的习惯相同。

var d = a*b/c;//先计算乘法后计算除法
var aa = 2;
var bb = 3;
var cc = aa *= bb;//先计算aa*=bb，再把结果赋值给cc，为6

上面第一个式子是从左到右结合，第四个式子是从右到左结合。

分别等价于：

var d = (a*b)/c;
var cc = (aa *= bb);

编程要求

本关的编程任务是补全右侧代码片段中begin至end中间的代码，在函数体内第三句以及第五句添加适当的括号，以实现如下功能：

参数a先减去1,所得差再与参数b相加，然后将结果再与b相乘；
上面的结果为24则给参数c赋值1，否则赋值0；
计算c与d（d 等于4）的积，这个积再与参数d求和，所得结果赋值给参数e；
函数参见下面的测试说明部分。

本关涉及的代码文件Priority.js的代码框架如下：

function mainJs(a,b) {
    var a = parseInt(a);
    var b = parseInt(b);
    //请在此处编写代码
    /********** Begin **********/
    var c = --a+b*b==24?1:0;
    var d = 4;
    var e = c*=d+d;
    /********** End **********/
    return e;
}

测试过程：

平台将读取用户补全后的Priority.js；
调用其中的mainJs()方法，输入若干组测试数据；
接着根据测试后的输出判断程序是否正确。
以下是测试样例：

测试输入：
6,3
预期输出：
8
测试输入：
5,1
预期输出：
4

代码文件

function mainJs(a,b) {
    var a = parseInt(a);
    var b = parseInt(b);
//请在此处编写代码
/*********begin*********/
var bb = ((--a)+b)*b;
if(bb==24)
    var c = 1;
else
    var c = 0;
var d = 4;
var e = (c*d)+d;


/*********end*********/
    return e;
}

少年游四方

关注

7
点赞
踩
24

收藏

觉得还不错? 一键收藏
打赏
1
评论
JavaScript学习手册三：JS运算符

JS运算符A、算术运算符任务描述相关知识+ - * / %运算符递增运算符和递减运算符代码文件B、比较和逻辑运算符任务描述相关知识代码文件C、条件和赋值运算符任务描述相关知识代码文件D、运算符的优先级和结合性任务描述相关知识代码文件A、算术运算符任务描述给定两个字符串变量，把它们转为数字后相除，拼接被除数、除数和余数为一个新的字符串。例如：a为"5"，b为"3"，则c为数字2，拼接后结果为字符串"532"。a为"23asdf"，b为"3fe"，则c为数字2，拼接后结果为字符串"23asdf3fe
复制链接

扫一扫