关于javascript:11-在项目开发中有关js的常用函数你知道多少呢附加一个js游戏小案例

51次阅读

共计 1799 个字符,预计需要花费 5 分钟才能阅读完成。

1. js 小案例

游戏如下图:

上面代码是源码中的一句话:

Math.floor(Math.random() * 100);

这句话是生成 0 -99 的随机数,其中 Math.random() 是生成 0 - 1 之间的十进制随机数,如 0.56987。Math.floor是舍弃小数位局部,因而在舍弃之前将 Math.random() 的后果 *100,就生成了 0 -99 的随机数。

源码可参考:https://github.com/unique008/…
遇到的问题:
js 谬误形容:Cannot read property ‘value’ of null

解决方案:
语法错误 :查看了一遍,原来是把.value 后面的名字写错了,这个是很不容易发现的,写代码肯定要仔细一点哦。只有相熟语言并理解出错的含意,你就能很快顺利修复他们。
eg:guessSubmit.addeventListener 不是一个函数,这就是一个语法错误,js 是辨别大小写的,所以任何轻微的不同都会出错。
解决方案:addeventListener改成 addEventListener 即可解决。

还有另一种谬误是 逻辑谬误,不存在语法错误,然而后果跟你预期的并不一样,比语法错误更难修复。

2. js 中比拟罕用的字符串办法

  • 变量

变量并不是数值自身,能够看做存储数值的一个容器.
变量名的命名规定:小写驼峰命名法。

  • 与其余编程语言不一样,在 js 中不须要申明变量的类型。

eg:
Number 类型:let myAge = 18;
String 类型:let myHometown = 'linfen';
Boolean 类型:let isVisitied = true;
Array 类型:let amyArr = ['我和','我的','他乡'];let amyArr = [1,2,2];
Object 类型:let kity = {name:'xiaodeng',hobby:'sing'};,能够用kity.name 调用。

注:
===!== 是严格相等,包含数据类型;
==!= 只是测试值相等或者不等,数据类型可能不同。
倡议应用严格版本,能够有更少谬误。

  • prompt 函数
let name = prompt('What is your name?');

这句话是用的 window.prompt() 函数,它要求用户通过一个弹出对话框答复一个问题,而后将你的答案赋给变量name

  • indexOf 函数
let brow = 'Beata hello'; 
brow.indexOf('ata'); // 返回 2,找不到则返回 -1

返回子字符串首字符在主串中的索引值。

  • slice 函数
let brow = 'Beata hello';
brow.slice(0,3); // 返回 "Bea"
brow.slice(2); // 返回 "ata hello"

slice用来提取字符串中的字符,参数 1 是开始提取的地位,参数 2 是提取的字符串长度。,参数 2 是可选的,若没有参数 2,返回字符串中所剩的所有字符。

  • toLowerCase 函数

将所有字符转成小写;

  • toUpperCase 函数

将所有字符转成大写;

  • replace 函数

替换,参数 1 是被替换下的子串,参数 2 是要被替换上的子串。

3. js 中数组的罕用办法

  • 字符串转数组
let myData = 'Manchester,London,Liverpool,Birmingham,Leeds,Carlisle';
let myArray = myData.split(',');

myArray 后果如下:

  • 数组转字符串:

1 let myNewString = myArray.join(',');

myNewString 后果如下,join能够指定不同的分隔符。

2 let myNewString1 = myArray.toString();
myNewString1 后果如下,toString更简略一些,不须要参数。

  • 插入和删除

push():增加一个 / 多个到数组的开端,返回数组的新长度存储在新变量中;【尾插】

pop(): 删除数组中最初一个元素,返回被删除的元素。【尾删】
下面两个办法 不扭转原数组

上面两个办法与下面两个性能一样,然而插入和删除地位不一样,返回的值也不一样。

unshift():在第一个地位插入元素,返回插入之后的元素【头插】;
shift():在第一个地位删除元素,返回删除之后的元素【头删】;

  • toFixed() 办法可把 Number 四舍五入为指定小数位数的数字。
  • appendChild()向节点增加最初一个子节点。

正文完
 0