# 連想配列を使いこなす ## 連想配列とは 通常の配列は要素を取得する場合num[0]と番号指定して呼び出すが、連想配列の場合はnum.nameと名前(key)を指定して要素を呼び出す。 ##### 連想配列の書き方 ``` var student = {name: '飯田', age: 16}; console.log(student.name); ``` ##### 結果 ``` 飯田 ``` ### 配列と連想配列の違い ##### 配列と連想配列の書き方の違い ``` // 配列 var student_1 = ['飯田', 16]; // 連想配列 var student_2 = {name: '上田', age: 18}; // 配列の要素を表示 console.log(student_1[0]); // 連想配列の要素を表示 console.log(student_2.name); ``` ##### 結果 ``` 飯田 上田 ``` ###### * 連想配列を学ぶ理由はMySQLでデータを取得した際、データの配列の中身は連想配列になっているから ##### 例え ``` var students = データベースから生徒達のデータを取得するコマンド // 取得したデータを表示 console.log(students); ``` 結果 ``` [ { name: 'sakamoto', age: 12 }, { name: 'iida', age: 13 }, { name: 'ueda', age: 18 } ] ``` ## 多次元配列の中に連想配列 ##### 書き方 ``` var students = [ { name: 'sakamoto', age: 12 }, { name: 'iida', age: 13 }, { name: 'ueda', age: 18 } ] console.log(students[0].name); console.log(students[1].age); console.log(students[2].name); ``` ##### 結果 ``` sakamoto 13 ueda ``` ## 問題 #### :question: 1.連想配列をつくりname(key)をを表示しなさい ###### keyの意味は一番上に書いてある ``` **** 連想配列の中身 name: sakamoto age: 22 **** var num = console.log(); ``` ##### 結果 ``` sakamoto ``` #### :question: 2.多次元配列の中に連想配列を3つ作り、一番最初の配列のnameの要素を表示 ``` **** 多次元配列内の連想配列の中身 name: 四葉 age: 15 name 七草 age: 16 name: 十文字 age 17 **** var students = [] console.log(); ``` ##### 結果 ``` 四葉 ``` #### :question: 3.変数studentsを使いforを使用し全てのproductを表示 ``` **** 多次元配列内の連想配列の中身 product: 机 name: sakamoto product: 椅子 name: sakamoto product: PC name: okita **** var date = [] for(){ console.log(); } ``` ##### 結果 ``` 机 椅子 PC ```