for ... of 배열의 요소를 직접 반복for (const element of array)const array = [1, 2, 3];for (const element of array) { console.log(element); // 1, 2, 3}배열 분만 아니라 map, set, string, nodelist 같은 이터러블 객체도 반복 가능객체에서 사용 블가for ...each배열의 각 요소에 대한 제공된 함수를 호출array.forEach(function(element, index, array) {...})const array = [1, 2, 3];array.forEach(function(element) { console.log(element); // 1, 2, 3 // 1, 2, 3}); ..

arr.forEach(func)-func는 forEach가 호출될 때 배열 arr의 요소 전체를 대상으로 실행

요소에 스타일을 적용할수 있는 방법 CSS에 클래스를 만들고, 요소에 처럼 클래스 추가하기 처럼 프로퍼티를 style에 바로써주기 elem.className클래스 속성값 전체를 바꾸고 싶을때elem.classList개별 클래스를 조작하고 싶을 때 elem.classList에는 add/remove/toggle가 구현되어 있다.elem.classList.add/remove("class") - class를 추가하거나 제거elem.classList.toggle("class") - class가 존재할 경우 class를 제거하고, 그렇지 않은 경우에는 추가elem.classList.contains("class") - class 존재 여부에 따라 true/false를 반환

객체 키를 가진 데이터 여러개를 하나의 엔티티에 저장할 때 사용배열 컬렉션에 데이터를 순서대로 저장할 때 사용 구조 분해 할당 객체나 배열을 변수로 '분해'할 수 있게 해주는 특별한 문법 분해는 파괴를 의미하지 x배열 분해하기let arr = ["Bora", "Lee"]let [firstName, surname] = arr;alert(firstNAme); // Boraalert(surname); // Lee 인덱스를 이용해 배열에 접근하지 않아도 변수로 이름과 성을 사용 가능split같은 반환 값이 배열인 메서드를 함께 사용해도 좋음let [firstName, surname] ="Bora Lee".split(' '); 쉼표를 사용해 요소 무시 가능let [firstName, ,title] = ["Juli..

백틱을 사용하면 문자열을 여러 줄 걸쳐 작성 가능let guestList = `손님: * John * Pete * Mary`;\n을 사용하면 작은 따옴표나 큰 따옴표로 여러 줄 문자열 만들 수 있다.let guestList = "손님:\n * John\n * Pete\n * Mary"; 따옴표를 사용할때는 \를 붙여야 한다. 그렇지 않으면 해당 따옴표가 문자열을 닫는 용도로 사용된 것이라 해석할 수 있기에length문자열 길이를 알 수 있는 프로퍼티이다.(함수가 아니기에 ()를 붙일 필요 없다.)str.charAt()을 이용하면 특정 글자에 접근 가능let str = `Hello`;// 첫 번째 글자alert( str[0] ); // Halert( str.charAt(0) ); // Hfor...of를 ..

할당 연산자는 우변을 값을 좌변의 변수에 할당var score; // 변수 선언score = 80; // 값의 할당

Iterable(이터러블)은 순회 가능한 값을 의미한다.

스프레드 연산자: 스프레드 연산자를 이용해서 새로운 배열을 구축하거나 함수에 다수의 값을 전달한다.이터러블: 배열, 문자열, map, set (개체는 아니다.)// Iterables: arrays, strings, maps, sets. Not objectsconst str = 'Jonas';const letters = [...str, '', 'S.'];console.log(letters); // ['J', 'o', 'n', 'a', 's', '', 'S.']// 스프레드 연산자는 배열을 만들때나 함수에 값을 전달할 때만 사용할 수 있다.console.log(...str); // J o n a sconsole.log('j', 'o'); // j o console.log(...str)와 console.log..

function은 자바스크립트에서 함수를 정의하는 키워드함수는 코드 블록을 정의하고, 필요한 경우 매개변수를 받아서 실행 가능function 키워드를 사용하여 함수를 선언하고, 함수의 이름과 필요한 매개변수를 지정가능 Function은 자바스크립트에서 내장된 함수 객체Function 객체는 function 키워드로 정의한 함수와 거의 동일한 기능을 제공하지만, 다른 방식으로 사용.Function 객체는 new 키워드를 사용하여 생성되며, 함수의 내용을 문자열로 전달하여 동적으로 함수를 생성가능 function은 함수를 정의하는 키워드이고, Function은 내장된 함수 객체function은 정적인 방식으로 함수를 정의하고, Function은 동적인 방식으로 함수를 생성 대부분의 경우에는 function ..