웹프로그래밍/Javascript4 빈 배열[] 확인 자바스크립트에서 빈 배열 유무를 확인하기 위해 다음과 같이 코드를 짰다. let a = []; console.log(a === []) // false 근데 항상 false 값이 나온다. ---> 자바스크립트는 배열을 reference 로 비교하기 때문에 완전히 동일한 객체가 아니면 false 를 반환한다고 한다. let a = []; console.log(a.length === 0) 배열의 길이를 통해 빈 배열을 알아내야 한다. 2021. 4. 26. [javascript] 함수, this, 객체 1. 화살표 함수 const arrow1 = (a,b) => { return a + b; }; const arrow2 = (a,b) => a + b; //바로 return 할 때는 중괄호, 'return' 필요 없음. console.log(arrow(1,2)); 화살표 함수는 익명 함수로만 사용이 가능합니다. 따라서 화살표 함수는 호출하기 위해선 변수에 할당해주어 호출해야 합니다. -화살표 함수를 사용하면 안 되는 경우 (1) 메소드로 정의하기. (2) prototype 에 메소드 할당하는 경우. (3) 생성자 함수 (4) 2. this (1) 일반 함수의 this 생성자 함수, 객체 method 외의 this 는 전역 객체 window 를 가리킵니다. (동적) (2) 화살표 함수의 this 화살표 함수.. 2020. 8. 10. [javascript] 태그 템플릿 리터럴(Tagged template literal) 리액트에서 styled component 만드는 문법에 사용되는 태그 템플릿 리터럴 입니다. 1. 사용법 //React의 styled component 만들 때 사용하는 형태 const Title = styled.div` font-size: 1px; color: black; `; 태그 함수 : 함수 뒤에 템플릿 리터럴( ` ` )을 붙여서 사용하게 됩니다. const name = 'ohda'; const age = 100; //태그 함수 const tag = (string, ...vars) => console.log(string, vars, string.raw); tag`hello ${name} age is ${age}`; //결과 : [ 'hello ', ' age is ', '' ] [ 'ohda',.. 2020. 8. 10. [javascript] 변수, 연산자 1. 변수 변수 : let 상수 : const (더 이상 var 는 사용하지 않는다고 한다.) 2. 데이터 타입 (1) Number (ex. 1) (2) String (ex. 'hello') (3) Boolean (ex. true, false) (4) Null, Undefined Null : 값이 없음을 명시적으로 지정 Undefined : 값이 설정되지 않아 정의되지 않은 상태 3. 비교 연산자 (1) === 등호 2개로도 비교할 수는 있으나 type검사를 안 함 const a = 1; const b = '1'; const c = a === b //false const d = a == b // true (2) !== (마찬가지로 != 는 type 검사를 안 함) 2020. 8. 10. 이전 1 다음