JavaScript - Array.prototype.splice 从数组中删除两个元素-6ren

JavaScript - Array.prototype.splice 从数组中删除两个元素

转载作者：行者123 更新时间：2023-12-03 09:53:56

25

4

问题

I have a two-dimensional array calles "matrix", in which I added some arrays like this: [x,y]. Now, I want to remove a one element from that array, but the Array.prototype.splice is doing it twice.

我的 HTML

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
  <canvas id="mycanvas" width="160" height="160"></canvas>
</body>
</html>

JavaScript

var ctx = document.getElementById("mycanvas").getContext("2d"),
    matrix = [];

for(var m = 0; m<5; m++)
  for(var n = 0; n<5; n++)
    matrix.push([m,n]);

function randPos(){
  var z = Math.floor(Math.random()*matrix.length);
  var m = matrix[z];
  matrix.splice(z,1);
  return m;
}

setInterval(function(){
var m = new Image();
m.src="http://blog.waterrightsimages.com/wordpress1/wp-content/themes/photocrati-theme/images/social/small-facebook.png";
m.onload = function(){
  ctx.drawImage(this,randPos()[0]*32,randPos()[1]*32);
};
console.log(matrix.length);
}, 1000);

如何解决这个问题？

最佳答案

似乎您在 中运行了该函数两次 ctx.drawImage(this,randPos()[0]*32,randPos()[1]*32); 你尝试过这个ctx.drawImage(this,矩阵[0]*32,矩阵[1]*32);?

由于matrix是全局的，因此您可以在setInterval内部调用它，如下所示

 setInterval(function(){
      var m = new Image();
      m.src="http://blog.waterrightsimages.com/wordpress1/wp-content/themes/photocrati-theme/images/social/small-facebook.png";
 m.onload = function(){
   randPos();/*or matrix=randPos();*/
   ctx.drawImage(this,matrix[0]*32,matrix[1]*32);
 };
 console.log(matrix.length);
 }, 1000);

关于JavaScript - Array.prototype.splice 从数组中删除两个元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30799102/

25

4

0

文章推荐： javascript - jsPlumb 落在目标元素上，而不仅仅是端点

文章推荐： Powershell如何将数字添加到变量中

javascript - 为什么构造函数不能访问他的原型(prototype)的属性，但可以访问父原型(prototype)(原型(prototype)的原型(prototype))的属性
以下代码，我使用 chrome 浏览器控制台进行了检查: function A(){ this.a='a' } 这是一个构造函数。我已经将一个属性 b 赋给了 A 的原型(prototype)。
prototyping - 你如何制作原型(prototype)？
就目前而言，这个问题不适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the
prototyping - 进化与一次性原型(prototype)
关闭。这个问题是opinion-based .它目前不接受答案。想改进这个问题？更新问题，以便 editing this post 提供事实和引用来回答它. 5年前关闭。 Improve this
prototyping - 先设计还是先原型(prototype)？
关闭。这个问题是opinion-based .它目前不接受答案。想改进这个问题？更新问题，以便 editing this post 提供事实和引用来回答它. 3年前关闭。 Improve this
prototype - 示踪子弹与原型(prototype)
我已经开始阅读 The Pragmatic Programmer，我很喜欢并学习堆形式，但我很难理解示踪子弹和原型(prototype)之间的区别。跟踪项目符号是否像拥有应用程序的所有 View 但尚
javascript - .prototype 和 [[prototype]]。为什么 .prototype 是一个空对象？
尽管阅读了 StackOverflow 上的大多数文章，但我现在实际上对原型(prototype)非常困惑。 function Foo() { } Foo.prototype.speak = func
javascript - Rectangle.prototype = Object.create(Shape.prototype) 和 Rectangle.prototype = Shape.prototype 有什么区别？
我正在阅读以下代码，并开始想知道 Rectangle.prototype = Object.create(Shape.prototype) 和 Rectangle.prototype = Shape.
javascript - childObj.prototype = Object.create(parentObj.prototype) 和 childObj.prototype = parentObj.prototype 有什么区别？
我想知道它们之间的区别: childObj.prototype = Object.create(parentObj.prototype) 和 childObj.prototype = parentOb
javascript - let o1.prototype = Object.create(o2.prototype) 和 o1.prototype = o2.prototype 有什么区别？
这个问题在这里已经有了答案: Why wouldn't I use Child.prototype = Parent.Prototype rather than Child.prototype =
node.js - 在 node.js : module. exports=Prototype 或 exports.Prototype=Prototype 中导出原型(prototype)？
在 node.js 中导出原型(prototype)的首选方法是什么？您可以采用两种方法: 导出原型(prototype)本身 function A () { } module.exports = A
javascript - A.prototype = B.prototype 和 A.prototype = new B() 有什么区别？
我正在学习 JavaScript，发现了两种分配原型(prototype)的方法。第一个是A.prototype = B.prototype，第二个是A.prototype = new B() 例如
javascript - Child.prototype = Parent.prototype 与 Child.prototype = new Parent()
在一些构造函数的定义之后，例如 child ，我见过以下两种形式: Child.prototype = Parent.prototype; 或 Child.prototype = new Parent
javascript - 原型(prototype)困惑 : parent prototype property affected by child prototype
我正在阅读一本关于 OOP javascript 的书，但被其中一个示例卡住了。在示例代码的第一个版本中，Shape 的一个新实例构造函数被创建并且 toString方法被调用。 toString方
javascript - Sub.prototype = new Base() 与 Sub.prototype = Base.prototype
这个问题在这里已经有了答案: What should I connect to the child prototype property in JavaScript (2 个答案) 关闭 8 年前。
prototyping - 原型(prototype)设计时的最佳实践？
在进行原型(prototype)设计时，您在多大程度上放弃了最佳实践来支持代码和修复黑客攻击？当然，代码并不打算在完整的生产环境中保留。补充:我正在研究一个用 Python 制作的相当大的半工作原型
prototype - 使用原型(prototype)更新隐藏字段
我正在尝试使用 Prototype 更新隐藏表单字段的值。表单域: 我正在尝试使用原型(prototype)更新值: var additionalVal = ',2'; var itemId = $
prototype - (function).prototype 到底是如何工作的？
我正在阅读How to Make a Javascript Library我发现了作者所说的一个观点: function _() { //Some obects and var
javascript - 要将原型(prototype)分配给 Number，我应该使用 Function.prototype 还是 Object.prototype？
我想用一个新函数扩展“Number”类型，因此我必须定义一个原型(prototype)。当我想到这一点时，我得到了一堆问题: Number 是否既继承了 Object.prototype 又继承了 F
javascript - [[Prototype]] vs prototype : . .有什么区别？ (MyCons.__proto__ === MyCons.prototype) 等于 FALSE
这里好像有区别... 假设我们有 function MyConstructor() {} MyConstructor 的[[Prototype]] 是Function.prototype，不是 MyC
javascript - 使用 Object.create 作为原型(prototype)的原型(prototype)继承将 [Object] 作为实例的原型(prototype)
有人建议 Derived.prototype = Object.create(Base.prototype); 优于 Derived.prototype = new Base(); (如 this S

首页

博学

6Ren·AI

商城

JavaScript - Array.prototype.splice 从数组中删除两个元素