본문 바로가기

Front-end/javascript22

[JavaScript] 조건문 심화 includes를 쓰면 기존 방법보다 더 간단하게 조건문을 쓸 수 있다. function Food(food){ if(food === "불고기"|| food === "비빔밥" || food === "떡볶이"){ return true; } return false; } function Food(food){ if(["불고기","떡볶이","비빔밥"].includes(food)){ return true; } return false; } 또한 객체를 활용하면 여러 조건에 따른 각각의 명령어가 있을 때 조건문을 다루기 편리하다. const meal = { 한식 : "불고기", 중식 : "짜장면", 일식 : "초밥" }; const getmeal = (meal)=>{ return meal[meal] || "없음"; };.. 2023. 7. 17.
[JavaScript] 단락회로 평가 단락회로평가는 &&이나 || 연산에서 두 요소중에 하나만 봐도 결과값이 결정되는 것을 말한다. if(조건1 || 조건2); 이 경우 조건 1이 참이면 무조건 참이다. if(조건1 && 조건2) 이 경우는 조건 1이 거짓이면 무조건 거짓이다. 단락회로는 함수에서 유용하게 사용된다. const getAge = (person) => { return person && person.name; }; 이렇게 하면 person이 널일경우 에러가 발생하지 않는다. const getAge = (person) => { const name = person && person.name; return name || "객체가 아닙니다."; }; 이렇게 하면 name이 faulty일 때 객체가 아닙니다가 리턴된다. 2023. 7. 17.
[JavaScript] 삼항 연산자 기본 형태 조건 ? 조건이 참일 때 : 조건이 거짓일 때 조건에 따라 글 출력하기 a가 양수일 때와 음수일 때로 나뉘어지는 조건문 let a = 3; if(a>0){ console.log("양수"); } else{ console.log("음수"); } 이는 삼항연산자로 더 간단하게 표시할 수 있다. let a = 3; a>=0 ? console.log("양수") : console.log("음수"); 변수에 값 넣기 let k = a>0 ? 4 : 6 a가 양수이면 k에 4를 넣고 아니면 6을 넣는다. 중첩 삼항연산자는 가독성이 떨어져 잘 쓰지 않는다. 2023. 7. 16.
[JavaScript] Truthy and Falsy 자바스크립트는 자신만의 기준으로 자료형에 상관없이 true와 false를 나눈다. 이때 boolean형이 아니어도 true로 판단하는 요소들을 truthy, 거짓으로 판단하는 요소들을 falsy라고 한다. 대표적인 falsy는 null undefined 0 NaN ""(빈 문자열) 이것들은 예외처리를 할 때 유리하다. const getName = (person) =>{ if(!person){ return "객체가 아닙니다."; } return person.name; }; 이러면 매개변수가 null이거나 undefined일 때의 예외처리를 할 수 있다. 2023. 7. 16.
[JavaScript] 배열 내장 함수 forEach 배열을 하나씩 순회할 수 있게 해주는 함수 const arr = [1,2,3,4]; arr.forEach((elm) => console.log(elm)); 배열의 모든 요소를 한번씩 출력해준다. const arr = [1,2,3,4]; const newArr = []; arr.forEach(function (elm){ newArr.push(elm * 2); }); 이렇게 하면 기존 배열 *2 한 값이 새 배열에 들어가게 된다. map const arr = [1,2,3,4]; const newArr = arr.map((elm) =>{ return elm*2; }); console.log(newArr); map를 사용하면 알아서 넣어준다. includes const arr = [1,2,3,4].. 2023. 7. 12.
[JavaScript] 반복문 for문 for(let i = 1;i 2023. 7. 12.

티스토리툴바