each() のループ内でのみ .length が効かなってしまう

Question

###実現したいこと
以下のarrayから、指定キーが空でないものをカウントしたいです。

// カウント対象の配列
var array = [
	{ id:1, 'a':'a_1', 'b':'b_1' ,'c':'' },
	{ id:2, 'a':'a_2', 'b':''    ,'c':'c_2' },
	{ id:3, 'a':''   , 'b':''    ,'c':'c_3' },
	{ id:4, 'a':'a_4', 'b':'b_4' ,'c':'' },
];

例えばbを指定したら「bが空でないものをカウント」として{b:2}を得て、
または指定がなければ「全てカウント」として{a:3,b:2,c:2}を得たいです。

###発生している問題
each()のループ内でのみ.lengthが効かなくなってしまい、
得られる結果が{a:undefined,b:undefined,c:undefined}となります。

###該当のソースコード

// 結果がundefinedになってしまう
console.log( 'countArray()', countArray(array) );
function countArray( array, countkeys ){
	countkeys = countkeys || ['a','b','c'];
	let result = {};
	$.each(countkeys, function(i, countkey) {
		//➀console.log('countArray() - countkey',countkey);
		const arr = array.filter(e => e[countkey]);
		//➁console.log('countArray() - arr', arr);
		const count = arr.lentgh;
		//➂console.log('countArray() - count', count);
		result[countkey] = count;
	});
	return result;
}

###試したこと
まずは値の確認をしました。上の「該当のソースコード」にある➀➁➂のconsole.log()です。
これによれば、➂のcountがundefinedであるがゆえに、結果もundefinedとなるのだとわかりました。

続いて簡易なコードで試すべくeach()を除いて下記を書きました。

すると下記では普通に上の➂と同じことをしているcountが正しく取得されました。

つまりeach()のループ内でのみ.lengthが効かなくなってしまう、という問題であるかと思うのですが、この解決策がわからずご助力を乞うた次第です。

// テストとしてループがない状態で書いたら問題なし
console.log( 'countTest()', countTest(array) );
function countTest( array ){
	const arr = array.filter(e => e['a']);
	console.log('countTest() - arr', arr);
	const count = arr.length;
	console.log('countTest() - count', count); // きちんと取得できている
	return count;
}

ここまでのコードはこちらになります。
https://jsfiddle.net/cs6v4w0g/

また私が思いうかんだのは、カウントのために.filterを使ってarrなる配列を再編し、それに対して.lengthをする。という流れだけでしたが、その他もっと早い方法などございましたら併せてご指南頂けましたら幸いです。

Answer 1

const count = arr.lentgh;
↓↓↓
const count = arr.length;

Comments

[tarakorakko]

！！！
失礼致しました。ありがとうございます。しかし「lentghというメソッドはないですよ」というエラーがでないのはなぜでしょうか？

[tarakorakko]

「ドットの次のアルファベットで予約語でないもの」は「オブジェクトの中身」と捉えられてしまって、「その中身が存在しないだけ」であって「エラーではない」ということでしょうか？
つまり「arr.lentgh」だと「arrというオブジェクトの中身であるlentgh」を探すけど、それが存在しない。かといってエラーでもない。という？

[yambejp]

プロパティーを参照してキーがないものはundefinedが変えるので
エラーではありません。
undefinedのプロパティーなど参照すればエラーになります

[tarakorakko]

ご返信どうもありがとうございます。納得できました。

Answer 2

➂のcountがundefinedであるがゆえに、結果もundefinedとなるのだとわかりました。

lentghではなくlengthです。単なるスペルミスです。

Comments

[tarakorakko]

くだらないことで失礼致しました。こういうエラーが出てくれるといいのですが。

[tarakorakko]

今回エラーがでない原因はなんなのでしょうか？未定義のものを扱ったらエラーがでるのが通常ですよね？出てくれればすぐにスペルミスと気づけたかと思うのですが。

[maisumakun]

> 未定義のものを扱ったらエラーがでるのが通常ですよね？

いえ、JavaScriptでは、定義されていないプロパティを参照してもundefined値を返すだけで、エラーにはなりません。

Answer 3

同じ現象を確認できなかったので、とりあえず、変えてみたところを書いてみます。

const arr = arrays.filter(function(e,index){
        if (e[countkey] != ""){return true};
      });

上記が関係ないなら、連想配列の長さを取得する下記の書き方をするとかですかね。
私はarr.lengthで取得できましたが。。

Object.keys(arr).length

中途半端な回答ですみません。。

Comments

[tarakorakko]

スペルミスだったようでした。ありがとうございます。