博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用js做的贪吃蛇游戏的知识总结
阅读量:6623 次
发布时间:2019-06-25

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

使用js做了一个贪吃蛇游戏,但是自己很多的地方都不成熟:

1,没有用到原型,构造函数,继承之类的东西,这些地方要特别的注意,以后要注意经常看看别人的代码,学会一些思想

2,表现为逻辑混乱,不知道怎样用更简单的方法,以后这方面需要多加练习

在贪吃蛇游戏中收获的部分:

实现数组中栈的方法,几个API

栈方法(后进先出)

1,push()方法接收任意数量的参数,将他们逐个添加到数组末尾,并且返回修改后数组的长度,

2,pop()方法从数组末尾移除最后一项,减少数组的length值,然后返回移除的项

队列方法(先进先出)

1,shift()方法用于移除数组中的第一个项并返回该值,结合push()方法可以实现队列的方法

1,与shift()相反的还有一个unshift()方法,这个方法可以在数组前端添加任意一个项并且返回新数组的长度

同时:unshift()方法和pop()方法可以实现从反向位置模拟队列,就是从数组前端添加项,从数组末端移除项

实现数组查重的几种方法:

方法一:

使用indexOf()判断:

代码如下:

window.οnlοad=function(){        var array=[1,2,3,4];        repeat(array);        function repeat(arr){            var arrStr=JSON.stringify(arr);            for(var i=0;i

  应用字符串中的indexOf和lastIndexOf()方法来求:原理是如果在数组中存在两个相同的元素,使用indexOf和lastIndexOf()方法得到的数组索引是不相同的,但是因为这两个方法存在于字符串中,因此在使用前使用JSON将数组元素转化为字符串是必须的,使用API(JSON.stringfy(arr))

在使用这个方法的时候,最好不要将如果检测到有重复元素后发生的事件放到for循环内,因为这样会重复好多次,可以定义一个bJuge来判断,如果有重复的元素,将bJuge设为true

 2,使用sort()方法:

var array=[1,2,3,2];        //repeat(array);        var nary=array.sort();        for(var i=0;i

代码如上:

缺点:当数组中的元素为字符串的时候就不适用了,有局限性

3,

var array=["天津","山东","济南","济南"];        var s = array.join(",")+",";        for(var i=0;i
-1) { alert("数组中有重复元素:" + array[i]); break; } }

方法:

使用的是两个API join()和replace()的方法:

arrayObject.join(separator)  

上面这行代码的意思是:

以separator 分割开  arrayObject 将每个元素分割成字符串,然后字符串间用separator分开

replace()方法:用于替换数组元素:

上面的代码:

if(s.repplace(array[a]+","," ").indexOf(array[i]+",")>-1)

使用空格来替换掉array[a]+","元素,然后再继续查找这个元素,如果发现替换掉之后这个元素依然存在,这说明数组中这个元素是存在的

4,最后一种是一种非常奇特的方法,作为了解即可:

var array=["天津","山东","济南","济南"];        isRepeat(array);        function isRepeat(arr){            var hash = {};            for(var i in arr) {                if(hash[arr[i]]){
alert(arr[i]);//"济南                    }
hash[arr[i]] = true;            }        }  

 这种方法很奇怪哎:

我们看:

var hash={};定义了一个对象

hash[arr[i]]给hash对象赋予了一个属性,并且使用for循环给数组中的每一个元素都设置为hash对象的属性,并且将这些属性都设为true,在for循环中,使用了一个if判断语句,

如果存在两个重复元素的话,因为已经将第一个重复元素设为了true,那么如果检测到后面没被赋值的数组元素为true的话,这说明这个元素之前已经被赋予过值,从而我们可以得知在数组中存在重复元素

以上:

如果有别的感想我再更新

 

 

                                                                                                                                                                                                                                                                                                                                                                                      

转载于:https://www.cnblogs.com/qianduangaoshou/p/6946955.html

你可能感兴趣的文章
简历求职:STAR法则
查看>>
java编译错误:程序包javax.servlet不存在javax.servlet.*
查看>>
MATLAB单纯形法输出到文件,实验二:MATLAB编程单纯形法求解教学提纲.docx
查看>>
vbs 连接oracle 数据库,QTP连接ORACLE 数据库VBS函数
查看>>
oracle网站无法登录,Oracle 10g的DBA无法登录解决方案
查看>>
oracle更新date数据类型,ORACLE DATE和TIMESTAMP数据类型的比较(一) (转)
查看>>
oracle导出数据加密,oracle数据出现愤怒加密算法
查看>>
matlab下列变量中合法的是,matlab基础练习题(带答案)
查看>>
Linux的镜像服务器,制作Linux镜像源Mirror方法
查看>>
linux 更改 用户 目录权限命令行,Linux命令:改变文件或目录的访问权限
查看>>
linux 命令查询内存,linux查询内存命令
查看>>
linux tty无法输入密码,Linux系统tty无法正常显示汉字的两种解决方案
查看>>
linux连接小米随身wifi密码忘记了,小米wifi管理员密码忘记了怎么办?
查看>>
linux系统防火墙关闭22端口,Linux系统防火墙关闭及端口开放
查看>>
linux挂载nfts分区,linux挂载NTFS分区
查看>>
linux popen获取ip地址,使用popen函数读取命令输出失败
查看>>
跟马哥快速学linux,学习Linux,如快速入门?
查看>>
python 编辑html文件内容,使用Python解析和编辑HTML文件
查看>>
切换 ip 批处理
查看>>
CommandArgument 绑定多个参数
查看>>