zoukankan      html  css  js  c++  java
  • 使用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的话,这说明这个元素之前已经被赋予过值,从而我们可以得知在数组中存在重复元素

    以上:

    如果有别的感想我再更新

                                                                                                                                                                                                                                                                                                                                                                                          

  • 相关阅读:
    用户态和内核态
    Spring Cloud构建微服务架构:服务网关(路由配置)【Dalston版】
    为什么说分布式事务不再适用于微服务架构
    基于selenium的二次开发
    Python常用方法
    深入浅出runloader
    python socket
    python API接口测试框架
    python装饰器
    python多进程安全
  • 原文地址:https://www.cnblogs.com/qianduangaoshou/p/6946955.html
Copyright © 2011-2022 走看看