[JavaScript] 자바스크립트 빈 데이터(Null) 이해하기

075_자바스크립트 빈 데이터(Null) 이해하기 [적용] 빈 데이터를 나타내고 싶을 때 [문법] 원시 타입 의미 예 Null 데이터가 존재하지 않음 null [내용] '데이터 없음'을 표시하고 싶을 때 Null을 사용한다. 다음의 샘플을 확인해 보자 function searchUser(targetId) { const userList = [ { id: 1, name: '사자' }, { id: 2, name: '곰' }, { id: 3, name: '여우' } ]; // 해당 유저 검색 const targetUser = userList.find((user) => user.id === targetId); return targetUser.name; } searchUser(1); // 1을 전달하면 사자를 반환..

2022.06.08

[JavaScript] 자바스크립트 정의되지 않은 데이터(Undefined) 이해하기

074_자바스크립트 정의되지 않은 데이터(Undefined) 이해하기 [적용] 정의되지 않은 데이터의 처리를 이해하고 싶을 때 값이 없는 변수의 처리를 이해하고 싶을 때 [문법] 원시 타입 의미 예 Undefined 데이터가 정의되지 않음 undefined [내용] 자바스크립트에서 '데이터 없음'을 나타내는 방식은 Undefined와 Null이 있으며, 모두 원시 타입이다.Undefined는 데이터가 아직 정해지지 않은 상태를 나타낸다.일반적으로 Undefined는 개발자가 의도하여 사용하는 것이 아니라 브라우저에서 정의되지 않은 데이터를 다룰 때 사용된다.다음과 같은 상황에서 주로 나타난다. 변수에 데이터를 대입하지 않는다. 객체의 속성에 값을 대입하지 않는다. 파라미터에 값을 전달하지 않는다. 결과로..

2022.06.08

[JavaScript] 자바스크립트 데이터 타입 변환하기

073_자바스크립트 데이터 타입 변환하기 [적용] 숫자를 문자열로 변환하고 싶을 때 문자열을 숫자로 변환하고 싶을 때 [문법] 메소드 의미 반환 Boolean(데이터) 데이터를 진리값 타입으로 변환 진리값 String(데이터) 데이터를 문자열 타입으로 변환 문자열 Number(데이터) 데이터를 숫자 타입으로 변환 숫자 parseInt(문자열) 문자열을 숫자(정수) 타입으로 변환 숫자 parseFloat(문자열) 문자열을 숫자(부동 소수점) 타입으로 변환 숫자 [내용] 숫자 100과 문자열 '200'의 덧셈 계산을 하려면 먼저 문자열을 숫자 타입으로 변환해야 한다. number()를 사용해 타입 변환 후 덧셈을 계산하는샘플을 확인해 보자. const result = 100 + Number('200'); c..

2022.06.06

[JavaScript] 자바스크립트 값(Value) 전달과 참조(Reference) 전달 이해하기

072_자바스크립트 값(Value) 전달과 참조(Reference) 전달 이해하기 [적용] 원시 타임과 객체 타입의 처리를 이해하고 싶을 때 [문법] 데이터 타입 데이터 전달 방식 원시(Primirive) 타입 값의 전달 객체(Object) 타입 참조의 전달 [내용] 데이터를 변수에서 변수로 전달할 때 값에 의한 전달과 참조에 의한 전달 방식이 있다. 자바스크립트의 원시 타입은 값에 의한 전달, 객체 타입은 참조에 의한 전달 방식이다. 다음 코드를 통해 값에 의한 전달 방식인 원시 타입을 확인해 보자.2번에서 갑에 의한 전달이 실행 된다. 1. 변수 a에 100을 대입한다. 2. 변수 b에 변수 a를 대입한다. 변수 a에 대입한 값 100을 복사하여 변수 b에 전달한다. (값에 의한 전달) 3. 변수 a..

2022.06.06

[JavaScript] 자바스크립트 객체 인스턴스(Instance) 확인하기

071_자바스크립트 객체 인스턴스(Instance) 확인하기 [적용] 데이터 종류에 따라 처리를 구분하고 싶을 때 [문법] 구문 의미 데이터 instanceof 객체 데이터가 객체의 인스턴스인지 확인 [내용] instanceof는 데이터가 객체의 인스턴스인지를 확인하는 연산자다. 함수를 정의할 때 특정 인스턴스만 구분하여 처리하도록 할 수 있다. const today = new Date(); console.log(today instanceof Date); // 결과: true colsole.log(today instanceof Array); // 결과: false Date 인스턴스가 전달되면 날짜를 출력하는 함수를 확인해 보자. instanceof는 데이터 종류에 따라 처리를 구분할 수 있어 유용하다. ..

2022.06.06

[JavaScript] 자바스크립트 데이터 타입 확인하기 typeof

070_자바스크립트 데이터 타입 확인하기 typeof [적용] 데이터 타입을 확인하고 싶을 때 데이터 타입에 따라 처리 작업을 지정하고 싶을 때 [문법] 구문 의미 typeof 데이터* 데이터 타입을 확인 [내용] typeof는 데이터 타입을 확인하는 연산자이다.타입 정보의 문자열 비교가 가능하므로 자바스크립트의 타입 판별에 사용할 수 있다.typeof를 사용한 각 타입의 확인 결과는 다음과 같다. 데이터 타입 typeod 결과 예 Undefined undefined undefined Null object null Boolean boolean true, false String string '사자', '호랑이' Symbol symbol Symbol() Number number 1, 30 Object(함수 ..

2022.06.06

[JavaScript] 자바스크립트 가변성(Mutable)과 불가변성(Immutable) 이해하기

069_자바스크립트 가변성(Mutable)과 불가변성(Immutable) 이해하기 [적용] 데이터의 속성을 이해하고 싶을 때 [문법] 데이터 타입 특징 원시(Primitive) 타입 불가변성 객체(Object) 타입 가변성 [내용] 원시 타입과 객체 타입의 차이는 데이터 값의 변환 가능 여부다. 원시 타입의 데이터는 변할수 없으므로 불가변성(Immutable)이며, 객체 타입은 가변성(Mutable)이다. 가변성 객체 타입 중 하나인 배열의 데이터를 확인해 보자. 배열의 첫 번째 데이터는 1이지만, 100을 대입하면 1이 100으로 변경된다. 이것이 가변성이다. const myArray = [1, 2, 3]; myArray[0] = 100; console.log(myArray); // 결과: [100, ..

2022.06.06