JavaScript (28) 썸네일형 리스트형 삼항 연산자 첫 번째로 배울 문법은, 삼항 연산자입니다. 이 문법은 일단 ES6 문법은 아닙니다. const array = []; let text = ' '; if (array.length === 0) { text = '배열이 비어있습니다.'; } else { text = '배열이 비어있지 않습니다.'; } console.log(text); 예를 들어 위와 같이 특정 조건에 따라 text값이 달라야 하는 상황이 있다고 가정해봅시다. 그런 경우에는 다음과 가이 코드를 작성 할 수 있습니다. const array = []; let text = array.length === 0 ? '배열이 비어있습니다' : '배열이 비어있지 않습니다.'; console.log(text); 삼항 연산자의 사용법은 다음과 같습니다. 조건 ?.. 프로토타입과 클래스 객체 생성자 프로토타입과 클래스에 대해서 알아보기 전에 우선 객체 생성자라는 것을 알아봅시다. 객체 생성자는 함수를 통해서 새로운 객체를 만들고 그 안에 넣고 싶은 값 혹은 함수들을 구현할 수 있게 해줍니다. 다음 코드를 입력해보세요. function Animal (type, name, sound) { this.type = type; this.name = name; this.sound = sound; this.say = function() { console.log(this.sound); }; } const dog = new Animal ('개', '멍멍이', '멍멍'); const cat = new Animal('고양이', '야옹이', '야옹'); dog.say(); cat.say(); 결과물은 다음과 .. 배열 내장함수 이번에는 배열을 다룰 때 알고있으면 너무나 유용한 다양한 내장 함수들에 대하여 알아보겠습니다. forEach forEach는 가장 쉬운 배열 내장함수입니다. 기존에 우리가 배웠던 for 문을 대체 시킬 수 있습니다. const superhoroes = ['아이언맨', '캡틴 아메리카', '토르', '닥터 스트레인지']; 다음과 같은 배열이 있고, 배열 안에 있는 모든 값을 출력해야 한다면 for문을 사용하여 다음과 같이 구현할 수 있다. const superheroes = ['아이언맨', '캡틴 아메리카', '토르', '닥터 스트레인지']; for (let i = 0; i < superheroes.length; i++) { console.log(superheroes[i]); } 이것을 배열의 forEac.. 반복문 반복문은 특정 작업을 반복적으로 할 때 사용할 수 있는 구문입니다. for for 문은 가장 기본적인 반복문입니다. 특정 값에 변화를 주어가면서 우리가 정한 조건이 만족된다면 계속 반복합니다. for ( let i = 0; i 0; i--) { console.log(i); } 10 9 8 7 6 5.. 배열 이번에는 배열을 배워봅시다. 이전에 배운 객체는 한 변수 혹은 상수에 여러가지 정보를 담기 위함이였다면, 배열은 여러개의 항목들이 들어있는 리스트와 같습니다. 예를 들어서 숫자 배열을 선언해봅시다. const array = [1, 2, 3, 4, 5]; 배열을 선언 할 때에는 이렇게 [ ] 안에 감싸주시면 됩니다. 배열 안에는 어떤 값이던지 넣을 수 있습니다. 예를 들어서, 객체 배열을 만들어볼까요? const object = [{ name : '멍멍이'}, { name : '야옹이'}]; 배열을 선언하고 나서, n 번째 항목을 조회하고 싶을 땐 다음과 같이 할 수 있습니다. objects[n]; 다음과 같이 그러면 코드를 작성해봅니다. const objects = [{ name: '멍멍이' }, { n.. 객체 객체는 우리가 변수 혹은 상수를 사용하게 될 때 하나의 이름에 여러 종류의 값을 넣을 수 있게 해줍니다. const dog = { name : '멍멍이', age : 2 }; console.log(dog.name); console.log(dog.age); 이렇게 하나의 변수 혹은 상수 안에 { } 여러가지 종류의 값을 넣을 수 있게 해줍니다. 멍멍이 2 객체를 선언 할 때에는 이렇게 { } 문자 안에 원하는 값들을 넣어주면 됩니다. 값을 넣을 때에는 키 : 원하는 값 형태로 넣으며, 키에 해당하는 부분은 공백이 없어야 합니다. 만약에 공백이 있어야 하는 상황이라면 이를 따옴표로 감싸서 문자열로 넣어주면 됩니다. const sample = { 'key with space' : true }; 다음으로 한번 .. 함수 함수는, 특정 코드를 하나의 명령으로 실행 할 수 있게 해주는 기능입니다. 예를 들어서, 우리가 특정 값들의 합을 구하고 싶을 때는 다음과 같이 코드를 작성합니다. function add(a, b) { return a + b; } const sum = add(1, 2); console.log(sum); 위 예시의 결과는 3이 나오게 됩니다. 함수를 만들 때는 function 키워드를 사용하며, 함수에서 어떤 값을 받아올지 정해주는데 이를 파라미터(매개변수)라고 부릅니다. 또한, 함수 내부에서 return 키워드를 사용하여 함수의 결과물을 지정 할 수 있습니다. 추가적으로 return을 하게 되면 함수가 끝나게 됩니다. 위의 예시를 다시 한번 설명해드리겠습니다. 먼저 function을 써서 함수를 지정하고.. 조건문 조건문은 사용하면 특정 조건이 만족되었을 때, 특정 코드를 실행할 수 있습니다. if문 가장 기본적인 if문은 "~~하면 ~~를 해라"를 의미합니다. 예시 코드를 먼저 보겠습니다. const a = 1; if ( a + 1 === 2) { console.log('a + 1이 2입니다.'); } 결과는, "a + 1 이 2입니다."가 출력됩니다. a+1의 갑은 2이고, 2 === 2는 값이 일치하기 때문에, if문 조건에 코드가 일치하기 때문입니다. if 뒤에 나오는 식이 ( 조건 ) 입니다. 그리고 { } 조건이 만족되었을 때, 실행시킬 코드가 감싸져 있는 부분을 블록이라고 합니다. 우리가 쓴 코드가 조건이 true가 된다면 실행이 되는 것이고, false가 된다면 실행이 되지 않는 것 입니다. 이전에 .. 이전 1 2 3 4 다음
