オブジェクト


定義#テイギ#


これまで見た配列には、物の識別子として数字が使われていた.
データを追加すると、配列全体に重複しないインデックスが自動的に生成され、データを追加する識別子として使用されます.
このインデックスを利用してデータを取得します.テキストをインデックスとして使用する場合は、オブジェクト(dictionary)を使用する必要があります.
他の言語では、オブジェクトは、関連配列またはマッピングまたはdictionaryと呼ばれるデータ型に対応します.
インデックスを使用して必要なデータを直接指定する最大の利点
オブジェクト向けに関連付けられた重要なモードが存在します

基本構文

var grades = {'egoing': 10, 'k8805': 6, 'sorialgi': 80}; // 객체 만들기
grades // 변수 확인
{egoing: 10, k8805: 6, sorialgi: 80} //결과값 잘 나오는 것 확인 할 수 있음
grades['egoing']; // grades 변수 안에, egoing이라는 key 값 확인
10 // key의 값을 확인 : value
grades.egoing // 위의 문법 말고 이렇게도 사용 할 수 있음
10 // key의 값을 확인 : value 

重複文を使用してオブジェクトを処理する方法


キー値の取得
var grades = {'gomgom' : 10, 'gomdol' : 40, 'gomgim' : 5};

    for (key in grades) {
        console.log(key);
    }
gomgom // 결과 출력
gomdol // 결과 출력 
gomgim // 결과 출력 
  • キー値に相当する部分を取得します.
  • 値の取得
    for (key in grades) {
        console.log(grades[key])
    }
  • 分に相当する部分をもたらします.
  • オブジェクトに格納されている値を取得します.
  • オブジェクト+重複クリーンアップ
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!-- <script src="lecture__summary.js"></script> -->
        <title>Document</title>
    </head>
    <body>
        <ul>
            <script>
                var grades = {'gomgom' : 10, 'gomdol' : 40, 'gomgim' : 5};
                    for (key in grades) {
                    document.write("<li>key : " +key+" value : " + grades[key]+ "</li>");   
                }
            </script>
        </ul>
    </body>
    </html>
  • 反復文接続
  • オブジェクト向けプログラミング
    var grades = {
        'list': {'egoing': 10, 'k8805': 6, 'sorialgi': 80},
        'show': function () {
            alert('hello world');
        }
    }
    grades['show']();
    参考サイト:ライフコード