프론트 개발 블로그

해당 내용들은 패스트캠퍼스 [올인원 패키지 : React.js] 강의 내용 일부입니다. 값 가져오기 OR 연산자 Array.prototype.includes() 화살표 함수 사용하는 방법 특정 값을 반환하는 경우 if문 사용방법 switch case문 사용방법 객체 활용방법 값 가져오기 OR 연산자 : OR 연산자로 값과 일치하면 return 시킨다. 1 2 3 4 5 function isAnimal(text) { return text === '고양이' || text === '개' || text === '거북이'; }; console.log(isAnimal('고양이')); // true console.log(isAnimal('사람')); // false Array.prototype.includes() :..

배열의 모든 요소를 연결해 하나의 문자열로 만듭니다. * 기존의 배열도 바뀐다. 정렬은 stable sort가 아닐 수 있다. 기본 정렬 순서는 문자열의 유니코드 코드 포인트를 따릅니다. 정렬속도와 복잡도는 각 구현방식에 따라 다를 수 있다. arr.join([separator]) 매개변수 separator 배열의 각 요소를 구분할 문자열을 지정합니다. 생략 시 쉼표로 구분됨. 반환값 배열의 모든 요소들을 연결한 하나의 문자열을 반환합니다. 1 2 3 4 const elements = ['fire', 'air', 'water']; const joinString = elements.join(''); console.log(joinString); // fireairwater https://developer.m..

배열의 요소를 정렬하고 그 배열을 반환합니다. * 기존의 배열도 바뀐다. 정렬은 stable sort가 아닐 수 있다. 기본 정렬 순서는 문자열의 유니코드 코드 포인트를 따릅니다. 정렬속도와 복잡도는 각 구현방식에 따라 다를 수 있다. arr.sort([compareFunction]) 매개변수 compareFunction 정렬 순서를 정의하는 함수. 생략하면 배열은 각 요소의 문자열 변환에 따라 각 문자의 유니코드 코드 포인트 값에 따라 정렬됩니다. 반환값 정렬한 배열 * 기존 배열이 정렬됨! compareFunction 이 제공되지 않으면 요소를 문자열로 변환하고 유니코드 코드 포인트 순서로 문자열을 비교하여 정리합니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 ..

map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수(callback)를 호출하고, 그 결과를 모아서 만든 새로운 배열을 반환합니다. * 기존의 배열은 건드리지 않는다. map() 함수 대신에 forEach(), for문으로도 사용할 수 있다. arr.map(callback, (currentValue [, index[, array]])[, thisArg]) 매개변수 callback 새로운 배열 요소를 생성하는 함수. 다음 세 가지 인수를 가진다. currentValue : 처리할 현재 요소 index : 처리할 현재 요소의 인덱스 array : map()을 호출할 배열 thisArg callback 을 실행할 때 this 로 사용되는 값. 반환값 배열의 각 요소에 대해 실행한 callbac..

함수의 매개변수를 사용할 때, 값이 없거나 undefined 가 전달 될 경우 Uncaught Type: Cannot read property 'name' of undefined Truthy / Falsy Null 체크 단축 평가 논리 계산법 함수의 기본 파라미터 1. Truthy / Falsy 1 2 3 4 5 6 7 8 9 10 11 12 13 console.log(undefined); console.log(null); console.log(0); console.log(''); console.log(NaN); console.log(false); console.log(!undefined); console.log(!null); console.log(!0); console.log(!''); console...