본문 바로가기

Front-end41

[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.
[JavaScript] 배열 배열 생성하기 let arr = []; //배열 리터럴 위와 같은 형태로 배열을 생성할 수 있다. let arr = [1,"2",function() {}]; 배열에 들어가는 요소들의 자료형이 다를 수 있다. let arr = [1,2,3,4,5]; console.log(arr[2]); // 3이 출력됨 접근은 자바, c언어와 동일한 방식으로 한다. let arr[1,2,3,4,5,6]; arr.push(7); //가장 마지막에 7 push 배열명.push(넣을 내용)을 사용하면 배열에 데이터를 추가할 수 있다. 2023. 7. 12.
[JavaScript] 객체 객체 만들기 let person = { key: "value", //프로퍼티 key: "value1" };//객체 리터럴방식 위 코드는 객체 리터럴방식으로 객체를 생성하고, 프로퍼티를 설정한다. (자바 클래스와 유사) console.log(person.key) //점표기법 console.log(person["key"]) //괄호표기법 객체의 프로퍼티를 불러올 때에는 다음과 같이 점표기법과 괄호표기법을 사용할 수 있다. 주의할 점은 괄호표기법에서 key 이름은 꼭 string형으로 넣어주어야 한다는 점이다. let person = { name : "jack", age : 22, }; console.log(get("name")); function get(key){ return person(key); } 괄호.. 2023. 7. 12.
[JavaScript] 콜백함수 콜백함수는 함수를 매개변수로 받는 함수이다. 예시 코드 function day(time, morning, night){ if(time === "morning"){ morning(); //wakeUp이 출력 } else{ night(); //goToSchool이 출력 } } function wakeUp(){ console.log("wakeUp"); } function goToSchool(){ console.log("goToSchool"); } day("morning", wakeUp, goToSchool); 위와 같이 함수명을 매개변수로 넘겨주면 호출되는 함수에서 해당 변수를 함수로 쓴다. 2023. 7. 10.