본문 바로가기

강의 실습159

Truthy & Falsy 참 같은 값, 거짓 같은 값 // 자바스크립트의 Truthy & Falsy let a = ""; // false let a = "string"; // true if (a) { console.log("TRUE"); } else { console.log("FALSE"); } 자바스크립트 조건식에는 boolean 값을 넣지 않아도 참이나 거짓으로 인식되는 속성이 있다. 1. Truthy true가 아니어도 조건문에서 참으로 평가하는 값. 빈 배열 [], 빈 객체(리터럴) {}, 숫자형 값, 문자열 값 2. Falsy false가 아니어도 조건문에서 거짓으로 평가하는 값. null, undefined, 0, -0, NaN, "" 3. Truthy와 Falsy 활용 // 객체를 매개변수로 받아서 받은 객체에서 특.. 2023. 12. 13.
배열 내장 함수 1. forEach 배열을 모든요소 1번씩 순회. 내장함수에 매개변수로 콜백함수를 전달. const arr = [1, 2, 3, 4]; // for문을 통한 배열 순회 for (let i = 0; i console.log(elm)); // 화설표 함수로 응용 arr.forEach(function (elm) { console.log(elm); console.log(elm * 2); // 각각의 요소에 응용가능 }); 2. map 원본배열의 모든 요소를 순회하며 연산하여 return 된 값들을 따로 배열로 만들어 반환. // 배열의 모든요소에 2를 곱하여 .. 2023. 12. 11.
반복문 반복문 : 특정 명령을 반복해서 수행 // 이름 5번 출력 console.log("이름"); console.log("이름"); console.log("이름"); console.log("이름"); console.log("이름"); // 이름 100번 출력 console.log("이름"); // ... console.log("이름"); 코드가 너무 많아져서 수정하기 힘들고, 다른 사람과 협업도 힘들어진다. 반복문을 이용하면 중복되는 코드를 줄일 수 있다. 1. for for (초기식(반복의 주체가 되는 변수); 조건식(반복이 조건을 만족할 때만 돌아가도록 설정); 연산(반복이 1번 수행될 때마다 실행될 연산)) { 반복 수행할 명령 } // for문 for (let i = 1; i 2023. 12. 10.
배열 배열 : 순서있는 요소들의 집합. 여러개의 항목이 들어있는 List. 배열은 비원시 타입이다. 객체와 더불어 가장 많이 사용되는 자료형이다. 1. 배열 객체 생성 // 생성자를 이용한 방법 let arr = new Array(); // 대괄호를 이용한 방법 : 배열 리터럴 방식 let arr = []; // 배열에 값 넣기 let arr = [1, 2, 3, 4]; console.log(arr); // [1, 2, 3, 4] // 배열에 값으로 여러 자료형이 들어갈 수 있다. let arr = [1, "2", true, null, undefined, {}, [], function() {}]; 2. 배열의 인덱스 배열은 데이터가 위치한 순서(인덱스)를 통해 접근. // 배열의 인덱스 let arr = [1.. 2023. 12. 9.
객체 자바스크립트의 자료형 - Primitive Type (원시 타입) : 한 번에 하나의 값만 가질 수 있음. 하나의 고정된 저장 공간 이용. - Non-Primitive Type (비원시 타입) : 한 번에 여러 개의 값을 가질 수 있음. 여러 개의 고정되지 않은 동적 공간 사용. 객체는 비원시 타입이다. 1. 객체 생성 // 객체 생성자를 이용한 방법 let person = new Object(); // 중괄호를 이용한 방법 : 객체 리터럴 방식 let person = {}; // 객체 프로퍼티 let person = { // key - value 형태의 값 가짐. 여러개의 프로퍼티를 가질 수 있다. 각각 자료형이 달라도 된다. key: "value" // 프로퍼티 (객체 프로퍼티) : 속성, 객체가 가.. 2023. 12. 6.
콜백함수 콜백함수 : 함수의 매개변수로 함수를 넘겨준 것. // 기분에 따라서 다른 동작을 하는 함수 function checkMood(mood, goodCallback, badCallback) { // 함수표현식 개념 이용하여 cry 함수를 badCallback 매개변수에 담음 if (mood === 'good') { // 기분 좋을 때 하는 동작 goodCallback(); } else { // 기분 안 좋을 때 하는 동작 badCallback(); } } function cry() { console.log("ACTION :: CRY"); } function sing() { console.log("ACTION :: SING"); } function dance() { console.log("ACTION :: D.. 2023. 12. 5.
함수표현식 & 화살표 함수 함수 : 비원시형 자료형(값의 분류), 값이기 때문에 변수나 상수에 담을 수 있음. 1. 함수 표현식 // 함수 표현식 let hello = function () { // 함수를 값에 담을 때, 함수의 이름 지정하지 않아도 됨 return "안녕하세요 여러분"; } console.log(hello); // f hello() {} : 함수를 담고 있다. // : "Function" const helloTest = hello(); // 이렇게 함수 사용 가능 console.log(helloTest); // 안녕하세요 여러분 호이스팅 : 함수 선언식으로 선언된 함수는 프로그램 실행 전, 코드 최상단으로 끌어 올려진다. 함수 선언식은 호이스팅O, 함수 표현식은 호이스팅X. 함수 표현식은 함수가 선언되기 전엔 접.. 2023. 12. 4.
함수 함수 : 중복되는 동일한 동작을 하는 코드를 하나로 묶어서 사용. // 2개의 직사각형의 면적을 계산하고, 계산 결과를 콘솔에 출력하는 프로그램 let width1 = 10; let height1 = 20; let area1 = width1 * height1; console.log(area1); // 200 let width2 = 30; let height2 = 15; let area2 = width2 * height2; console.log(area2); // 450 위처럼 중복되는 코드들을 함수를 사용하면 효율적으로 줄일 수 있다. 1. 함수 선언과 호출 // 함수 선언식, 함수 선언 방식의 함수 생성 function getArea() { // 함수가 할 일 명시 let width = 10; let .. 2023. 12. 4.
조건문 조건문 : 어떤 연산 결과의 참, 거짓에 따라 각각 다른 명령을 실행하도록 해주는 문법. 1. if문 if 조건식이 일치하면 해당 명령 실행. else if 조건식은 if의 조건식이 거짓일 때 비교하여, 일치하면 해당 명령 실행. else는 위 조건이 다 거짓일 때 실행. let a = 3; if (a >= 7) { console.log("7 이상입니다."); } else if (a >= 5) { console.log("5 이상입니다."); } else if (a >= 4) { console.log("4 이상입니다."); } else { console.log("4 미만입니다."); } 2. switch문 보통 조건이 많을 때 사용한다. // 국가코드 2자를 입력받아 국가명 반환 // if문 예시 let .. 2023. 12. 3.

티스토리툴바