[javascript] += 더하기 할당

 

자바스크립트 += 더하기 할당

 

테이블을 만들다가 더하기 할당을 활용해서 만드는것을 

보게되었다. 

 

MDN에서는 정의를 이렇게 이야기한다. 

더하기 할당 연산자는 오른쪽 피연산자의 값을 변수에 더한 결과를 다시 변수에 할당합니다. 

피연산자의 타입이 더하기 할당연산자의 동작을 결정하며, 덧셈 또는 문자열 연결이 가능합니다.

 

let a = 2;
let b = 'hello';

console.log(a += "3"); // Addition
// Expected output: 5

console.log(b += ' world'); // Concatenation
// Expected output: "hello world"

 

같은 연산자끼리는 연결이 되어 결과값을 다시 할당하게 된다. 

위에 본 식 처럼 a=2 이고 더하기할당으로 3을 해주면 5가 출력이 된다. 

 

      let search = document.getElementById("search");
      search.innerHTML = "";
      let row = "";

      for (let i = 0; i < data.length; i++) {
        row = `<tr>
        
        <td style="text-align:center">${data[i].id}</td>
        <td style="text-align:center">${data[i].level}</td>
        <td style="text-align:center">${data[i].title}</td>

        </tr>`;

        search.innerHTML += row;
      }

 

 

table요소에 id값을 지정하고 거기에 배열을 사용하여 data바인딩을 하여 

row값에 저장 후 table요소인 search에 할당하는 방식으로 적용하였다. 

더하기 할당으로 알아보기 쉽고 효율적인 구조를 만들수 있는것 같다는 생각이든다.