-

객체 접근대괄호[] 또는 점(.)을 사용하여 접근, 주료 사용되는 방법문자열로 지정한 키 접근 시 대괄호를 사용하여 접근존재하지 않는 객체 접근 시 undefined 반환// [형식] 객체명.키, .뒤에 키 이름produce.name// [형식] 객체명[키], []안에 키 이름을 문자열로produce['name'] 객체 변경대괄호[] 또는 점(.)을 사용하여 접근문자열로 지정한 키 접근 시 대괄호를 사용하여 접근// [형식] 객체명.키 = 값produce.name = 'john'// [형식] 객체명[키]=값produce[name] = 'john'const person1 = { name: 'john', age: 20, married: false,};person1.age++;person1['name']..

Timer 함수일정 시간마다 특정 구문을 실행하고자 할 때 사용하는 기능타이머 함수는 모두 전역 객체인 window에 포함되어 있음setTimeout()일정 시간이 지난 후 한 번만 실행// [문법]setTimeout(함수, 지연시간(ms), 인자1, 인자2, ...);// [문법]setTimeout(() => { // 원하는 작업 코드 }, 지연시간);인자설명함수지정한 시간이 지난 후 실행할 함수 (콜백 함수)지연시간(ms)몇 밀리초(ms) 후에 실행할지 (1000 = 1초)인자1, 인자2, ...(선택) 콜백 함수에 전달할 추가 값들 clearTimeout()setTimeout()이 만든 타이머를 취소하는 함수setTimeout()을 실행하면 고유한 ID가 반환되는데, 그 ID를 clearT..

클로저(Closure) '함수와 + 그 함수가 선언된 환경(변수들)의 조합을 의미함수가 생성될 당시의 외부 변수(환경)를 기억하고, 그 함수가 나중에 호출되더라고 그 변수들에 접근할 수 있는 함수함수가 자신이 필요로 하는 외부 데이터를 ‘숨겨서’ 기억하고, 필요할 때 꺼내 쓸 수 있게 하는 기능✓ Clos → "Close" (sure) → "Sure" = 확실하게 "가까이 다가가서 확실하게 담아두는 것"✓ liken : 카메라가 어떤 장면에 클로즈업해서 중요한 디테일(변수)을 찍음 촬영이 끝나도, 그 장면은 사진(메모리) 안에 계속 저장 원본 장면(함수 본문)은 사라졌지만, 사진 속 정보(변수 상태)는 계속 꺼내볼 수 있음* 렉시컬 환경(Lexical Environment)함수가 만들어질 때 ..

매개변수 (Parameter)함수를 선언할 때 사용하는 변수로, 함수가 어떤 값을 받을 수 있는지 정의하는 부분✓ 함수를 선언할 때 옆에 붙어서 받을 준비(prepare)만 하는 변수function add(x, y) { // x, y: 매개변수(parameter) = 받을 준비만 함 return x + y;}인자 (Argument)함수를 호출할 때 실제로 전달하는 값이나 표현식 add(3, 5); // 3, 5: 인자(argument) = 실제로 넣은 값

for 문for (초기화; 반복문 조건; 반복 처리구문) { 반복처리 내용}forEachfor, for..of와 달리 map(), filter() 등의 반환값을 그대로 루프처리 할 수 있음메서드설명배열.forEach()주어진 콜백함수를 활용하여 배열의 요소를 순서대로 처리([요소], [인덱스],[기존배열])=> {}요소, 인덱스, 기존 배열을 활용하여 처리- 콜백함수에서 인덱스와 기존배열 생략 가능const arr = ['a','b','c']arr.forEach((value, idx)=>{ console.log(value, idx);})sources// [ 짝수 출력]const arr = [1,2,3,4,5]arr.filter((value)=> value %2 ===0).forEach((value)=>{..