JS-Object(オブジェクト)



replit学習時に混同されたオブジェクトを基本的に整理する

Object


データに並べて順番があります.
ただし,オブジェクトは無秩序データの集合である.
indexアクセスではなく、鍵アクセスを使用するためです.

きほんけいじょう


varオブジェクト名={
property名1:property値、
property名2:property値
};

  • property名1とproperty名2は키(key)/프로퍼티 명で、
    property値は값(value)/프로퍼티 값です.
    両者を合わせて프로퍼티と呼ぶ.

  • オブジェクトのキーには、スペース、ハングル、特殊文字などを含めることができます.変数宣言時との相違
    スペースと特殊文字がある場合は、引用符を書きます.
  • propertyメソッド


  • dot notation객체이름.프로퍼티이름

  • bracket객체이름[ "프로퍼티이름" ]->キー名を引用符で囲む必要があります.
    ->スペース、数字キーは括弧でアクセス!
  • <例>
    let plan1 = {
      name: "Basic"
    };
    
    console.log(plan1.name);
    console.log(plan1.["name"]);
    ピリオド(.)もっと近づきやすいようですが、括弧はいつ使いますか?
    ✔¥カッコ内には
    <例>
    let plan1 = {
    	name : "Basic"
    };
    
    let propertyName = "name";
    
    console.log(plan1[propertyName]);

    オブジェクトの操作


    <例>
    let myObj = {
      property1: "hello",
      property2: [1,2,3,4,5],
      property3: {
        childproperty: "haha"
      }
    };
    
    let name = "property";
    console.log(myObj[name+"1"]);
    console.log(myObj[name+"2"]);
    conosole.log(myObj[name+"3"]);
    console.log(myObj[name+"3"]["child"+name]);
  • myObjectオブジェクトを定義した後、属性値を変更すると
  • になります.
    let name = "property1";
    myObj[name] = ["hi", "hello"];
    console.log(myObj);
  • パーセント
  • を追加する方法
    myObj.property4 = '추가됐다';
  • プロパティ2配列の最初の要素にアクセスするには、
  • にアクセスします.
    console.log(myObj.property2[0]);
  • オブジェクトにプロパティを追加または変更する場合は、
  • に注意してください.
    const mutableObj = {
      name: '객체'
    };
    
    mutableObj = {
      name: '수정'
    }
    ✔¥このコードを実行するとエラーが発生します.constを宣言すると、再割り当てできないためです.
    でも.
    mutableObj.name = '수정';
    mutableObj.type = 'Object 타입';
    Propertyにアクセスしてコンテンツを変更したり、Propertyを追加したりしてもエラーはありません.
  • 方法
  • let methodObj = {
      do: function() {
        console.log('메서드 정의는 이렇게');
      }
    }
    
    methodObj.do(); //호출
  • オブジェクトは、参照
  • として格納.
    const hiObj = { 
      name: '안녕' 
    };
    const helloObj = {
      name: '안녕'
    };
    console.log('객체비교 =>', hiObj === helloObj);
    このコードの結果値はfalseです.
    オブジェクトが変数に保存されると、オブジェクト自体は保存されません.
    オブジェクトが存在するメモリのreferenceが格納されているためです.
    したがって、オブジェクトを含む変数を比較するとfalseが表示されます.
    ただし、オブジェクトのプロパティ値がテキストの場合:
    テキストを比較することで、同じかどうか/異なるかを判断できます.변수