삼항연산자
-
안녕하세요 TriplexLab 입니다. 이번 시간부터 JavaScript에서 유용한 Tip정보를 예시와 함께 알려드리고자 합니다. 오늘은 삼항연산자에 대해서 먼저 이야기를 해보겠습니다. 👉🏻삼항연산자 첫번째로 배울 문법은, 삼항 연산자입니다. 이 문법은 ES6 문법은 아닙니다. 조건 ? true일때 : false일때 라인의 길이가 너무 길어진다면 다음과 같이 작성하기도 합니다. const array = []; let text = array.length === 0 ? '배열이 비어있습니다' : '배열이 비어있지 않습니다.'; console.log(text); 예시)👇🏻👇🏻 삭제 라인의 길이가 너무 길어진다면 다음과 같이 작성하기도 합니다. 버튼 클릭 엘리먼트에 토글 클래스를 핸들링한다. const $btn..
01.JavaScript 유용한 모음집안녕하세요 TriplexLab 입니다. 이번 시간부터 JavaScript에서 유용한 Tip정보를 예시와 함께 알려드리고자 합니다. 오늘은 삼항연산자에 대해서 먼저 이야기를 해보겠습니다. 👉🏻삼항연산자 첫번째로 배울 문법은, 삼항 연산자입니다. 이 문법은 ES6 문법은 아닙니다. 조건 ? true일때 : false일때 라인의 길이가 너무 길어진다면 다음과 같이 작성하기도 합니다. const array = []; let text = array.length === 0 ? '배열이 비어있습니다' : '배열이 비어있지 않습니다.'; console.log(text); 예시)👇🏻👇🏻 삭제 라인의 길이가 너무 길어진다면 다음과 같이 작성하기도 합니다. 버튼 클릭 엘리먼트에 토글 클래스를 핸들링한다. const $btn..
2023.05.20 -
✨ 자바스크립트 스마트하게 쓰기 안녕하세요 TriplexLab 입니다. 이번시간에는 자바스크립트를 스마트하게 사용할수 있는 팁을 정리 하도록 하겠습니다. 1) 삼항연산자 (Ternary Operator) // 삼항연산자 ❌Bad Code function getResult(score){ let result; if(score > 5){ result = '👍'; } else if(score 5 ? '👍' : '👎' } 2) 널 병합 연산자(Nullish Coalescing Operator ) // Nullish coalescing operator ❌Bad Code function printMessage(text) { let message = text; if(text === null || text === und..
자바스크립트 스마트하게 쓰기✨ 자바스크립트 스마트하게 쓰기 안녕하세요 TriplexLab 입니다. 이번시간에는 자바스크립트를 스마트하게 사용할수 있는 팁을 정리 하도록 하겠습니다. 1) 삼항연산자 (Ternary Operator) // 삼항연산자 ❌Bad Code function getResult(score){ let result; if(score > 5){ result = '👍'; } else if(score 5 ? '👍' : '👎' } 2) 널 병합 연산자(Nullish Coalescing Operator ) // Nullish coalescing operator ❌Bad Code function printMessage(text) { let message = text; if(text === null || text === und..
2021.09.06