博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
FCC 基础JavaScript 练习7
阅读量:4914 次
发布时间:2019-06-11

本文共 5015 字,大约阅读时间需要 16 分钟。

1.

Math.random()用来生成一个在0(包括0)到1(不包括1)之间的随机小数,因此Math.random()可能返回0但绝不会返回1。

提示

随后的函数都会在return执行前调用,所以我们可以直接返回Math.random()的值

function myFunction() {

// 请把你的代码写在这条注释以下

var a=Math.random();
if(a>0){
return Math.random();
}

// 请把你的代码写在这条注释以上
}

 

2.用 Math.floor() 向下取整 获得它最近的整数,

任务

生成一个 09之间的随机整数

function myFunction() {

// 请把你的代码写在这条注释以下

var a=Math.floor(Math.random() * 10);//Math.random() 生成永远小于1的小数,乘10永远不会大于等于10
if (a>=0&&a<10){
return a;
}
}

 

3.要生成的随机数是在两个指定的数之间,需要定义一个最小值和一个最大值

任务

创建一个叫randomRange的函数,参数为myMin和myMax,

返回一个在myMin(包括myMin)和myMax(包括myMax)之间的随机数

// 请把你的代码写在这条注释以下

function randomRange(myMin, myMax) {

return Math.floor(Math.random()*(myMax-myMin+1))+myMin; // 请修改这一行记住公式,可以套用在任意值之间

}

// 你可以修改这一行来测试你的代码

var myRandom = randomRange(5, 15);

 

4.Regular expressions 正则表达式被用来根据某种匹配模式来寻找strings字符串中的某些单词,

我们可以使用下面的正则表达式: /the/gi

我们可以把这个正则表达式分成几段:

/ 是这个正则表达式的头部

the 是我们想要匹配的模式

/ 是这个正则表达式的尾部

g 代表着 global(全局),意味着返回所有的匹配而不仅仅是第一个。

i 代表着忽略大小写,意思是当我们寻找匹配的字符串的时候忽略掉字母的大小写

任务

用全局、忽略大小写的模式选取字符串 testString中所有的单词 and

// 初始化变量

var testString = "Ada Lovelace and Charles Babbage designed the first computer and the software that would have run on it.";

// 举例

var expressionToGetSoftware = /software/gi;
var softwareCount = testString.match(expressionToGetSoftware).length;

// 请只修改这条注释以下的代码

var expression = /and/gi; // 请修改这一行

// 请只修改这条注释以上的代码

// 用 andCount 存储 testString 中匹配到 expression 的次数

var andCount = testString.match(expression).length;

 

5

在JavaScript中, 数字选择器类似于: /\d/g

在选择器后面添加一个加号标记(+),例如:/\d+/g,它允许这个正则表达式匹配一个或更多数字。

尾部的g是'global'的简写,意思是允许这个正则表达式 找到所有的匹配而不是仅仅找到第一个匹配

任务

\d 选择器来选取字符串中的所有数字

// 初始化变量

var testString = "There are 3 cats but 4 dogs.";

// 请只修改这条注释以下的代码

var expression = /\d+/g; // 请修改这一行

// 请只修改这条注释以上的代码

// 用 digitCount 存储 testString 中匹配到 expression 的次数

var digitCount = testString.match(expression).length;

 

6.

可以使用正则表达式选择器 \s 来选择一个字符串中的空白。

空白字符有 " " (空格符)、\r (回车符)、\n (换行符)、\t (制表符) 和 \f (换页符)

空白正则表达式类似于:

/\s+/g

任务

\s 选取句子中的所有空白字符

// 初始化变量

var testString = "How many spaces are there in this sentence?";

// 请只修改这条注释以下的代码

var expression = /\s+/g; // 请修改这一行

// 请只修改这条注释以上的代码

// 用 spaceCount 存储 testString 中匹配到 expression 的次数

var spaceCount = testString.match(expression).length;

 

 

7.

可以用正则表达式选择器的大写版本 来转化任何匹配。

举个例子:\s 匹配任何空白字符,\S 匹配任何非空白字符

任务

/\S/g 来匹配字符串testString中的所有非空白字符

// 初始化变量

// 初始化变量

var testString = "How many non-space characters are there in this sentence?";

// 请只修改这条注释以下的代码

var expression = /\S/g; // 请修改这一行

// 请只修改这条注释以上的代码

// 用 nonSpaceCount 存储 testString 中匹配到 expression 的次数

var nonSpaceCount = testString.match(expression).length;

 

8.

把我们之前的所学的知识点结合起来完成一个幸运游戏

这次我们生成3个随机数,范围在1到3之间。

分别用 slotOneslotTwoslotThree来存储着3个随机数。

用我们之前的所学来生成随机数):

Math.floor(Math.random() * (3 - 1 + 1)) + 1;

///

<script>

function runSlots() {
var slotOne;
var slotTwo;
var slotThree;
var images = ["//i.imgur.com/9H17QFk.png", "//i.imgur.com/9RmpXTy.png", "//i.imgur.com/VJnmtt5.png"];
// 请把你的代码写在这条注释以下
slotOne=Math.floor(Math.random()*(3-1+1))+1;
slotTwo=Math.floor(Math.random()*(3-1+1))+1;
slotThree=Math.floor(Math.random()*(3-1+1))+1;
// 请把你的代码写在这条注释以上

 

9.如果三个随机数都相等, 我们应该返回这个数字, 否则应该返回 null.'

<script>

function runSlots() {
var slotOne;
var slotTwo;
var slotThree;
var images = ["//i.imgur.com/9H17QFk.png", "//i.imgur.com/9RmpXTy.png", "//i.imgur.com/VJnmtt5.png"];
slotOne = Math.floor(Math.random() * (3 - 1 + 1)) + 1;
slotTwo = Math.floor(Math.random() * (3 - 1 + 1)) + 1;
slotThree = Math.floor(Math.random() * (3 - 1 + 1)) + 1;
// 请把你的代码写在这条注释以下
if(slotOne===slotTwo&&slotTwo===slotThree){
return slotOne;
}
else return null;
// 请把你的代码写在这条注释以上

 

10.

用 jQuery 选择器 $(".slot") 获得所有幸运机。

一旦获取到所有幸运机,我们可以通过中括号操作符获取到每一个幸运机:

$($(".slot")[0]).html(slotOne);

jQuery将会获取到第一个幸运机,并更新它的HTML为正确的数字

任务:分别更新每个幸运机上的HTML为对应的数字

<script>

function runSlots() {
var slotOne;
var slotTwo;
var slotThree;
var images = ["//i.imgur.com/9H17QFk.png", "//i.imgur.com/9RmpXTy.png", "//i.imgur.com/VJnmtt5.png"];
slotOne = Math.floor(Math.random() * (3 - 1 + 1)) + 1;
slotTwo = Math.floor(Math.random() * (3 - 1 + 1)) + 1;
slotThree = Math.floor(Math.random() * (3 - 1 + 1)) + 1;
// 请把你的代码写在这条注释以下
$($(".slot")[0]).html(slotOne);
$($(".slot")[1]).html(slotTwo);
$($(".slot")[2]).html(slotThree);
// 请把你的代码写在这条注释以上

 

11.

给我们的幸运机加点图片。

我们已经为你准备好了图片images,我们可以通过不同的索引来获取每个图片。

现在让我们设置第一个幸运机根据随机数来显示一张图片:

$($('.slot')[0]).html('<img src = "' + images[slotOne-1] + '">');

任务:设置所有的幸运机根据随机数来显示对应的图片,最后点击RUN

<script>

function runSlots() {
var slotOne;
var slotTwo;
var slotThree;
var images = ["//i.imgur.com/9H17QFk.png", "//i.imgur.com/9RmpXTy.png", "//i.imgur.com/VJnmtt5.png"];
slotOne = Math.floor(Math.random() * (3 - 1 + 1)) + 1;
slotTwo = Math.floor(Math.random() * (3 - 1 + 1)) + 1;
slotThree = Math.floor(Math.random() * (3 - 1 + 1)) + 1;
// 请把你的代码写在这条注释以下
$($('.slot')[0]).html('<img src = "' + images[slotOne-1] + '">');
$($('.slot')[1]).html('<img src = "' + images[slotTwo-1] + '">');
$($('.slot')[2]).html('<img src = "' + images[slotThree-1] + '">');
// 请把你的代码写在这条注释以上

 

转载于:https://www.cnblogs.com/luxiaoli/p/7979298.html

你可能感兴趣的文章
Oracle10g闪回恢复区详细解析(转载)
查看>>
手把手教你从零认识webpack4.0
查看>>
(译)加入敌人和战斗:如果使用cocos2d制作基于tiled地图的游戏:第三部分
查看>>
[小米OJ] 3. 大数相减
查看>>
课后作业2:编写一个文件加解密程序,通过命令行完成加解密工作
查看>>
js 值类型和引用类型
查看>>
java语言将任意一个十进制数数字转换为二进制形式,并输出转换后的结果
查看>>
java相关。关于jsp中使用el表达式的格式,谢谢!
查看>>
GetDlgItem的用法小结
查看>>
java带包编译
查看>>
树状数组详解(重拾笔记)
查看>>
javascript深入理解js闭包
查看>>
PLSQL
查看>>
ASP.NET Core 应用程序Startup类介绍
查看>>
【python】-类的继承
查看>>
同一个POD中默认共享哪些名称空间
查看>>
HTTP协议详解
查看>>
xdebug调试的原理
查看>>
php 日期时间运算比较
查看>>
C#类、接口、虚方法和抽象方法
查看>>