반응형 JavaScript/Mordern JavaScript22 6.배열 객체 VS 배열 객체 - 한 변수 혹은 상수에 여러가지 정보를 담음 배열 - 여러개의 항목들이 들어있는 리스트 const array = [1, 2, 3, 4, 5]; 배열 선언 시 [] 사용 const objects = [{ name: '멍멍이' }, { name: '야옹이' }]; 객체 배열 선언 가능 objects[n]; 배열을 선언하고 나서, n 번째 항목을 조회하고 싶을 땐 다음과 같이 할 수 있음 const objects = [{ name: '멍멍이' }, { name: '야옹이' }]; console.log(objects); console.log(objects[0]); console.log(objects[1]); 배열에 새 항목 추가하기 - 배열이 지니고있는 내장 함수인 push 함수를 사용 .. 2021. 6. 24. 5.객체 객체란? 관련된 데이터와 함수의 집합 const dog = { name: '멍멍이', age: 2 }; console.log(dog.name); //멍멍이 console.log(dog.age); //2 객체 선언 시 { } 문자 안에 원하는 값들을 작성 - { 키: 원하는 값} const sample = { 'key with space': true }; 키에 해당하는 부분은 공백이 없어야함 함수에서 객체를 파라미터로 받기 const ironMan = { name: '토니 스타크', actor: '로버트 다우니 주니어', alias: '아이언맨' }; const captainAmerica = { name: '스티븐 로저스', actor: '크리스 에반스', alias: '캡틴 아메리카' }; functio.. 2021. 6. 24. 4.함수 함수란? - 특정 코드를 하나의 명령으로 실행 할 수 있게 해주는 기능 const a = 1; const b = 2; const sum = a + b; 위의 예제를 함수화 한다면? function add(a, b) { return a + b; } const sum = add(1, 2); console.log(sum); - function 키워드 사용 - 어떤 값을 받아올지 정함 -> 파라미터(매개변수) function add(a, b) { return a + b; console.log('호출이 되지 않는 코드!'); } const sum = add(1, 2); console.log(sum); - 함수 내부에서 return 키워드를 사용하여 함수의 결과물을 지정할 수 있음 - return 을 하게 되면 함.. 2021. 6. 24. 3.조건문 조건문이란? - 특정 조건이 만족됐을 때 특정 코드를 실행 if 문 - 특정 조건이 만족 될 때에만 특정 코드를 실행 const a = 1; if (a + 1 === 2) { console.log('a + 1 이 2 입니다.'); } // 실행 const a = 0; if (a + 1 === 2) { console.log('a + 1 이 2 입니다.'); } // 실행 안됨 const a = 1; if (true) { const a = 2; console.log('if문 안의 a 값은 ' + a); } // 실행 console.log('if문 밖의 a 값은 ' + a); if-else 문 - 특정 조건이 만족할 때와 만족하지 않을 때 서로 다른 코드를 실행해야 된다면 if-else 구문을 사용 const.. 2021. 6. 24. 이전 1 2 3 4 5 6 다음 반응형