본문 바로가기

Javascript

 (101)
객체 생성 & 객체 속성 접근 방법 ✅ 객체 생성 : 자바스크립트에서는 객체(Object)를 사용하여 여러 개의 값을 하나의 변수에 담고 관리할 수 있다. 1️⃣ 기본적인 객체 생성 방법 // key : value pair let person = { name: "홍길동", age: 30, gender: "남자" }; 객체 person을 생성한다. 객체를 만들 때는 중괄호({})를 사용하며, 속성과 값을 콜론(:)으로 구분하여 작성한다. 각 속성과 값은 쉼표(,)로 구분한다. 2️⃣ 생성자 함수를 사용한 객체 생성 방법 function Person(name, age, gender) { this.name = name; this.age = age; this.gender = gender; } let person1 = new Person("홍길동"..
falsy한 값 & truthy한 값 ✅ 모두 falsy한 값 if (0) { console.log("이 코드는 실행되지 않습니다."); } if ("") { console.log("이 코드는 실행되지 않습니다."); } if (null) { console.log("이 코드는 실행되지 않습니다."); } if (undefined) { console.log("이 코드는 실행되지 않습니다."); } if (NaN) { console.log("이 코드는 실행되지 않습니다."); } if (false) { console.log("이 코드는 실행되지 않습니다."); } falsy한 값들을 사용하여 if문의 조건을 만족시키지 못하도록 한다. 0, 빈 문자열, null, undefined, NaN, false는 falsy한 값으로, if문의 조건을 만족..
삼항 연산자 & 단축평가 ✅ 삼항 연산자 let age = 20; let message = (age >= 18) ? "성인입니다." : "미성년자입니다."; console.log(message); // "성인입니다." 삼항 연산자를 사용하여 변수 age가 18세 이상인 경우 "성인입니다.", 그렇지 않은 경우 "미성년자입니다."라는 메시지를 출력한다. 삼항 연산자는 if문과 비슷한 역할을 하며, 조건이 참인 경우와 거짓인 경우 각각 다른 값을 반환한다. ✅ 삼항 연산자와 단축 평가 let x; let y = x || 10; console.log(y); // 10 삼항 연산자를 사용하여 변수 x가 존재하지 않는 경우 기본값으로 10을 사용한다. || 연산자를 사용하여 단축 평가(short-circuit evaluation)를 할 ..
조건문의 중첩&조건부 실행 ✅ 조건문의 중첩 let age = 20; let gender = "여성"; if (age >= 18) { if (gender === "남성") { console.log("성인 남성입니다."); } else { console.log("성인 여성입니다."); } } else { console.log("미성년자입니다."); } 중첩된 if문을 사용하여 성별에 따라 성인 여부를 판별한다. 조건문 안에 또 다른 조건문을 사용하여 복잡한 조건을 판별할 수 있다. ✅ 조건부 실행 let x = 10; (x > 0) && console.log("x는 양수입니다."); 조건부 실행을 사용하여 변수 x가 양수인 경우에만 "x는 양수입니다."라는 메시지를 출력한다. && 연산자를 사용하여 조건부 실행을 할 수 있다.
조건문(if, else if, else, switch) 1️⃣ 기본적인 if문 if (true 또는 false가 나올 수 있는 조건) { console.log("true 실행"); } let x = 10; if (x > 0) { console.log("x는 양수입니다."); } 변수 x가 양수인지를 판별하여, 양수인 경우 "x는 양수이다."라는 메시지를 출력한다. if문은 조건이 true인 경우에만 코드를 실행한다. 2️⃣ if-else문 let x = -10; if (x > 0) { console.log("x는 양수입니다."); } else { console.log("x는 음수입니다."); } 변수 x가 양수인지를 판별하여, 양수인 경우 "x는 양수입니다."라는 메시지를 출력하고, 그렇지 않은 경우 "x는 음수입니다."라는 메시지를 출력한다. if-else..
화살표 함수 ES6부터 등장한 새로운 문법 : 화살표 함수 ✅ 기본적인 화살표 함수 let add = (x, y) => { return x + y; } console.log(add(2, 3)); // 5 화살표 함수를 사용하여 add라는 함수를 선언한다. 화살표 함수를 사용하면 함수의 선언이 간결해진다. ✅ 한 줄로 된 화살표 함수 let add = (x, y) => x + y; console.log(add(2, 3)); // 5 한 줄로 된 화살표 함수를 사용하여 add라는 함수를 선언한다. 함수 내부에 return문이 한 줄로 작성될 경우, 중괄호와 return 키워드를 생략할 수 있다. ✅ 매개변수가 하나인 화살표 함수 let square = x => x * x; console.log(square(3)); //..
함수 스코프(scope) : 변수의 영향 범위 ✅ 전역 스코프(global scope) let x = 10; function printX() { console.log(x); } printX(); // 10 전역 스코프에서 변수 x를 선언하고, 함수 printX에서 변수 x를 참조한다. 전역 스코프에서 선언된 변수는 어디에서든지 참조할 수 있다. ✅ 지역 스코프(local scope) function printX() { let x = 10; console.log(x); } printX(); // 지역 스코프에서 변수 x를 선언하고, 함수 printX에서 변수 x를 참조한다. 지역 스코프에서 선언된 변수는 해당 함수 내에서만 참조할 수 있다. ✅ 블록 스코프(block scope) if (true) { let x = 10; console.log(x); ..
함수 매개변수 & 반환값 1️⃣ 함수 매개변수 function add(x, y) { return x + y; } console.log(add(2, 3)); // 5 add라는 함수가 x와 y라는 두 개의 매개변수를 받아들인다. 함수를 호출할 때는 매개변수에 값을 전달한다. 2️⃣ 함수 반환값 function add(x, y) { return x + y; } let result = add(2, 3); console.log(result); // 5 add라는 함수가 x와 y라는 두 개의 매개변수를 받아들이고, 이를 더한 값을 반환한다. 함수를 호출한 결과값을 변수에 할당하여 사용할 수 있다.
함수 호출하기(=사용하기) function add(x, y) { return x + y; } console.log(add(2, 3)); // 5 add라는 함수를 호출하여 결과값을 반환한다. 함수를 호출할 때는 함수 이름 뒤에 괄호를 사용한다.
함수 표현식(function expression) ✅ 함수 표현식(function expression) let add = function(x, y) { return x + y; } console.log(add(2, 3)); // 5 function 키워드를 사용하여 add라는 변수에 함수를 할당한다. 함수 표현식을 사용하면 함수를 변수에 할당하여 익명 함수를 생성할 수 있다.

티스토리툴바