使用js做的贪吃蛇游戏的知识总结

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

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

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

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

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

栈方法(后进先出)

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

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

队列方法(先进先出)

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

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

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

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

方法一:

使用indexOf()判断:

代码如下:

 window.onload=function(){
        var array=[1,2,3,4];
        repeat(array);
        function repeat(arr){
            var arrStr=JSON.stringify(arr);
            for(var i=0;i<arr.length;i++){
                if(arrStr.indexOf(arr[i])!==arrStr.lastIndexOf(arr[i])){
                    alert("数组重复")
                }
            }
        }
    }

  应用字符串中的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<array.length;i++){
            if (nary[i]==nary[i+1]){
                alert("数组重复内容:"+nary[i]);
            }
        }  

代码如上:

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

3,

 var array=["天津","山东","济南","济南"];
        var s = array.join(",")+",";
        for(var i=0;i<array.length;i++) {
            if(s.replace(array[i]+",","").indexOf(array[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