【jQuery】配列・連想配列の数を取得する方法

この記事は約2分で読めます。
広告

jQueryで配列の数を取得するには「.length」を使い、
連想配列の数を取得するには「Object.keys」と「.length」ます。
下のjQueryが利用方法になります。

jQuery

// 配列の数を取得
var demo1 = ["サイ","ウマ","キリン","ゾウ","ライオン"];
console.log(demo1.length);
// console.logには配列の数「5」が入ります。

// 連想配列の数を取得
var demo2 = {name:"遠藤",age:"14",tel:"080-1234-5678",mail:"abc@de.fg"};
console.log(Object.keys(demo2).length);
// console.logには連想配列の数「4」が入ります。

さらにjQueryで作成した配列の数を取得する時も同じで「.length」を使い、
連想配列の数を取得するには「Object.keys」と「.length」ます。
下にjQueryでの利用方法になります。

jQuery

// jQueryで作成した配列の数を取得
var demo3 = [];
// 配列に「薔薇,ジャスミン,金木犀,ローズマリー,ベルガモット」のテキストを格納します。
demo3.push("薔薇");
demo3.push("ジャスミン");
demo3.push("金木犀");
demo3.push("ローズマリー");
demo3.push("ベルガモット");
console.log(demo3.length);
// console.logには配列の数「5」が入ります。

// jQueryで作成した連想配列の数を取得
var demo4 = {};
demo4.name = "伊藤";
demo4.age = "30";
demo4.tel = "090-1234-5678";
demo4.mail = "hij@kl.mn";
console.log(Object.keys(demo4).length);
// console.logには連想配列の数「4」が入ります。
エンデ・バタローをフォローする
javascriptjQueryサイト制作

埼玉県北本市に越してきて2年と少しになります。以前は東京都の京王線沿線に、その前は神戸の三宮、さらにその前は名古屋の八事霊園近くに住んでいました。

怖い話が大好きで、ネット怪談、ホラー小説、心霊Youtuber(オウマガドキch、ゾゾゾ)を寝る前のお供にしてます。

フロントエンドエンジニアとして9年目のキャリアを積んでおり、figma、Illustrator、Photoshop、WordPress、HTML、CSS(scss)、JavaScript(jQuery)、PHPなど使って日々仕事をしています。

仕事で検索する手間を省くためフロントエンド技術に関するブログを書いています。

エンデ・バタローをフォローする
広告
初めてのブログ

コメント

タイトルとURLをコピーしました