2018-10-10 18:03:03 -04:00
|
|
|
|
---
|
|
|
|
|
id: 599a789b454f2bbd91a3ff4d
|
2020-12-16 00:37:30 -07:00
|
|
|
|
title: 比较不同值
|
2018-10-10 18:03:03 -04:00
|
|
|
|
challengeType: 1
|
2020-04-29 18:29:13 +08:00
|
|
|
|
videoUrl: 'https://scrimba.com/c/cm8PqCa'
|
|
|
|
|
forumTopicId: 301174
|
2021-01-13 03:31:00 +01:00
|
|
|
|
dashedName: practice-comparing-different-values
|
2018-10-10 18:03:03 -04:00
|
|
|
|
---
|
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
# --description--
|
|
|
|
|
|
|
|
|
|
在上两个挑战中,我们学习了相等运算符 (`==`) 和严格相等运算符 (`===`)。现在让我们快速回顾并实践一下。
|
|
|
|
|
|
2020-04-29 18:29:13 +08:00
|
|
|
|
如果要比较的值不是同一类型,相等运算符会先执行数据类型转换,然后比较值。而严格相等运算符只比较值,不会进行数据类型转换。
|
2020-12-16 00:37:30 -07:00
|
|
|
|
|
2020-04-29 18:29:13 +08:00
|
|
|
|
由此可见,相等运算符和严格相等运算符的区别是:前者会执行隐式类型转换,后者不会。
|
2020-12-16 00:37:30 -07:00
|
|
|
|
|
|
|
|
|
**示例**
|
2020-04-29 18:29:13 +08:00
|
|
|
|
|
|
|
|
|
```js
|
|
|
|
|
3 == '3' // returns true because JavaScript performs type conversion from string to number
|
|
|
|
|
3 === '3' // returns false because the types are different and type conversion is not performed
|
|
|
|
|
```
|
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
**提示**
|
|
|
|
|
在JavaScript中,你可以使用`typeof`运算符确定变量的类型或值,如下所示:
|
2020-04-29 18:29:13 +08:00
|
|
|
|
|
|
|
|
|
```js
|
|
|
|
|
typeof 3 // returns 'number'
|
|
|
|
|
typeof '3' // returns 'string'
|
|
|
|
|
```
|
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
# --instructions--
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
编辑器中的`compareEquality`函数使用相等运算符比较两个值。修改函数,使其仅在值严格相等时返回 "Equal" 。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
# --hints--
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
`compareEquality(10, "10")`应该返回 "Not Equal"。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
```js
|
|
|
|
|
assert(compareEquality(10, '10') === 'Not Equal');
|
2018-10-10 18:03:03 -04:00
|
|
|
|
```
|
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
`compareEquality("20", 20)`应该返回 "Not Equal"。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
|
|
|
|
```js
|
2020-12-16 00:37:30 -07:00
|
|
|
|
assert(compareEquality('20', 20) === 'Not Equal');
|
2018-10-10 18:03:03 -04:00
|
|
|
|
```
|
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
你应该使用`===`运算符。
|
2020-04-29 18:29:13 +08:00
|
|
|
|
|
2018-10-10 18:03:03 -04:00
|
|
|
|
```js
|
2020-12-16 00:37:30 -07:00
|
|
|
|
assert(code.match(/===/g));
|
2018-10-10 18:03:03 -04:00
|
|
|
|
```
|
2020-04-29 18:29:13 +08:00
|
|
|
|
|
2021-01-13 03:31:00 +01:00
|
|
|
|
# --seed--
|
|
|
|
|
|
|
|
|
|
## --seed-contents--
|
|
|
|
|
|
|
|
|
|
```js
|
|
|
|
|
// Setup
|
|
|
|
|
function compareEquality(a, b) {
|
|
|
|
|
if (a == b) { // Change this line
|
|
|
|
|
return "Equal";
|
|
|
|
|
}
|
|
|
|
|
return "Not Equal";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
compareEquality(10, "10");
|
|
|
|
|
```
|
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
# --solutions--
|
|
|
|
|
|
2021-01-13 03:31:00 +01:00
|
|
|
|
```js
|
|
|
|
|
function compareEquality(a,b) {
|
|
|
|
|
if (a === b) {
|
|
|
|
|
return "Equal";
|
|
|
|
|
}
|
|
|
|
|
return "Not Equal";
|
|
|
|
|
}
|
|
|
|
|
```
|