JavaScriptで配列を指定時間で回す

###JavaScriptを使って配列を、指定時間で回す

2019/06/18 コードを書き換えたものを下に載せています

用途
ゲーム作成時に使えそう(?)
擬似的な非同期処理として使えそう(?)

JSでゲームを作る際、ループ処理で配列を回す場合が多いです
でも、ループ処理で配列から値を取得する際は一瞬で終ってしまいますし、
実行環境の処理速度によって取得時間はバラバラになります。

配列自身から値を取得する時、その取得する時間を指定して
直接関数内で動作出来たらなと思って作ってみました。

動作する物は「一次元配列」に限ります

時間の指定は 1000/1秒 で可能です。

これを使えばRPGやシューティングゲーム開発に使えるかも...?

クソソースですが誰かの役立てばいいなと書いてます。

##関数

javascript

function ArrayRoops(array, time, fun){
	this.length = array.length;
	this.counts = 0;
	this.Timer = setInterval(() => {
		this.key = this.counts;
		this.value = array[this.key];
		fun(this.key, this.value);
		this.counts ++;
		if(this.length <= this.counts){
			this.counts = 0;
			clearInterval(this.Timer);
		}
	}, time);
}

##使用例

javascript

// 1次元配列
const array = ["dog", "cat", "horse"];

// 配列を 1秒間 に 1回 づつ回す
ArrayRoops(array, 1000, function(key, value){
	// 引数は key と value
	console.log(key + " : " + value);
});

// 配列を 3秒間 に 1回 づつ回す
ArrayRoops(array, 3000, function(key, value){
	// 引数は key と value
	console.log(key + " : " + value);
});

function ArrayRoops(array, time, fun){
	this.length = array.length;
	this.counts = 0;
	this.Timer = setInterval(() => {
		this.key = this.counts;
		this.value = array[this.key];
		fun(this.key, this.value);
		this.counts ++;
		if(this.length <= this.counts){
			this.counts = 0;
			clearInterval(this.Timer);
		}
	}, time);
}

##出力結果

console

#配列 1
2018/06/27 00:00:00 | 0 : dog
2018/06/27 00:00:01 | 1 : cat
2018/06/27 00:00:02 | 2 : horse

#配列 2
2018/06/27 00:00:00 | 0 : dog
2018/06/27 00:00:03 | 1 : cat
2018/06/27 00:00:06 | 2 : horse

#2019/06/18 変更

const roop = function(fun, time) {
	const self = new Object();
	const keys = Object.keys(this);
	self.count = 0;
	self.Timer = setInterval(() => {
		self.key = keys[self.count];
		self.value = this[self.key];
		if (fun.length >= 2) {
			fun(self.key, self.value);
		} else if (fun.length == 1) {
			fun(self.value);
		} else {
			fun.call({
				key: self.key,
				value: self.value
			});
		}
		self.count++;
		if (keys.length <= self.count) {
			self.count = 0;
			clearInterval(self.Timer);
		}
	}, time);
};
Object.prototype.roop = roop;
Array.prototype.roop = roop;

##使用例

const array = ["array0", "array1"];
const object = {"key0":"object0", "key1":"object1"};

array.roop(function(key, value) {
  console.log(key, value);
}, 1000);
array.roop(function(value) {
  console.log(value);
}, 1000);
array.roop(function() {
  console.log(this.key, this.value);
}, 1000);


object.roop((key, value) => {
  console.log(key, value);
}, 1000);
object.roop(value => {
  console.log(value);
}, 1000);
object.roop(function() {
  console.log(this.key, this.value);
}, 1000);

一番うまく書けた気がする