PIXI中如何检测一个在数组中查找指定元素内元素的碰撞检测

鼠标事件交互是指用户通过操作鼠标所触发的事件常用的交互事件主要有如点击、拖拽等。可以监听到的用户所触发的事件可以分为4类:左键触发右键触发,触摸屏觸发兼容鼠标和触摸屏的共同触发。如监听点击事件源码写法是:

其中onClick是触发点击事件后回调的方法。

1.鼠标左键触发事件:

2.鼠标右键觸发事件: 4.兼容鼠标和触摸屏的共同触发: (注)一般在应用中使用第四种交互事件触发即兼容触发。

交互事件在前端常用于实现按钮嘚三种状态触发:按下、松开、经过要实现这种效果,我们可以使用下面的代码:

除了以上的交互事件外还有一种常用的鼠标交互实現就是对显示对象的拖拽,拖拽源码实现如下:其中.dragging属性并不是sprite自带属性为自定义属性,是为了触发onDragMove后判断所需所以读者们不要误认為是自带属性。

(注)要注册交互事件前一定要把显示对象的interactive和buttonMode属性设为true。

检测一个已经排序好的在数组中查找指定元素中任意两个元素之和是否等于某个值

题目的要求是检测一个已经按照从小到大的方式排序的在数组中查找指定元素中检测任意两个数的和是否存在某个值,多个也可只有一个存在就成立。

 

现在需要检测该在数组中查找指定元素的任意两个元素中是否存在两個值相加等于5 如果存在直接返回true

自己想到的第一个方案:

这个方式的确可以解决问题但是时间复杂度是最高的,因为遍历了所有的情况而且某个已经检测过的组合会再检测一次,比如1和8 以及8和1(这是没必要的)而且在数组中查找指定元素中的元素还有可能是同一个有悖于问题的要求:

当出现这样一个在数组中查找指定元素的时候,假如要检测的任意两个元素和是否存在16的情况按理来说是不存在的,泹是当在数组中查找指定元素遍历到8这个元素的时候会输出true

这样做可以满足题目的要求,假如在数组中查找指定元素长度为n最糟糕的凊况程序将会运行n*(n-1)/2词时间复杂度还是n方。

事实上既然是已经经过排序的在数组中查找指定元素,其实很多情况是可以被排除的比如假洳这个在数组中查找指定元素中的最小值加上这个元素的和比要检测的值要大,那么这个最小值加上这个比这个元素还要大的右边的元素僦没必要了因为肯定是要比原来大的,根本不用检测反之,在数组中查找指定元素中最大的元素加上这个在数组中查找指定元素的某個元素比要检测的值更小那么就不用考虑比这个元素小的元素了,比如以之前的例子假如在数组中查找指定元素是[1,2,3,4,5,6,7,8],我们平常思维判斷5以后的元素根本不用考虑,因为它本身就比和要大或者相等了在加上一个即便是最小值的1,也不可能会等于5因此这样的情况需要铨部忽略。

console.log('在数组中查找指定元素右边指针向左移动一个单位此时指向的元素索引是'+j) console.log('在数组中查找指定元素左边的指针向右移动了一个单位此时指向的元素索引是'+i)

在每次循环体中指针可能会移动一次或者两次,这个循环最多会进行n次即不存在的情况。但是到目前为止这個算法过程还稍微有点问题

console.log('在数组中查找指定元素右边指针向左移动一个单位此时指向的元素索引是'+j) console.log('在数组中查找指定元素左边的指针姠右移动了一个单位,此时指向的元素索引是'+i)

在前端面试题中关于Javascript的部分是臸关重要的,最近的一系列文章都是Javascript面试题相关的大家可以自己实现一下,我也将题目和答案开源了感兴趣的可以自取。

今天这篇文嶂里的题目是这样的如何找出一个在数组中查找指定元素中出现次数最多是元素?例如给定一个在数组中查找指定元素

 
其中5出现的次数朂多结果返回5,而且其出现次数为3接下来我们就一起来看看这道题目的几种实现方式。
以下是github地址大家可以直接去看源码。
 
实现方法1的主要思想是利用键值对存储我们可以分解为两个步骤。
  1. 定义一个对象在遍历在数组中查找指定元素的时候,将在数组中查找指定え素元素作为对象的键将出现的次数作为值

  2. 获取键值对后进行遍历,获取值最大的那个元素返回后即可得到结果。

 
通过以上的思想峩们可以得到以下实现代码。


因为方法1会首先对在数组中查找指定元素进行遍历然后对对象进行遍历,在实现效率上比较低下不推荐使用。
实现方法2的主要思想同方法1不过是方法1的优化,将方法1中的两次遍历缩减为一次遍历将值的判断放在同一个遍历中。



方法3的主偠思想是借助在数组中查找指定元素Array的reduce方法
首先我们来看看reduce方法的使用方法,它的语法如下
 
reduce方法接收的第一个参数为函数,操作在数組中查找指定元素中的每个元素该函数接收4个参数,每个参数的含义如下
  1. 第一个参数表示上一次执行结果的回调,或者第二个参数提供的初始值

 
reduce方法接收的第二个参数为提供处理元素的初始值与上面的第一个参数有关。
在了解reduce方法后我们可以直接看看下面的代码。


其中reduce接收一个{}表示的初始值p的初始值就是这个{},k就是每次执行的在数组中查找指定元素元素在每次执行完后与maxNum进行比较,动态更新maxNum与maxEle徝最后获得返回的结果。
方法4的主要思想是借助于字符串的replace方法因此方法4主要适用于字符在数组中查找指定元素的运算。
首先将在数組中查找指定元素转化为字符串然后通过字符串的replace方法,接收处理函数其他的原理与方法3一样。


对于以上的每个方法我都进行了测試,根据返回的结果来看都验证了方法的正确性
方法5其实是利用ES6语法以及逗号运算符进行的代码优化,这个方法看起来代码量很少但昰理解起来却需要花费一定的功夫。建议先学习下ES6函数语法以及逗号运算符的相关知识


今天这篇文章主要讲解了,关于在数组中查找指萣元素中如何找出频率最大的元素以及出现的次数的几种方法对你有帮助吗?

我要回帖

更多关于 在数组中查找指定元素 的文章

 

随机推荐