[Javascript] 데이터 타입 / 멤버

✅ 데이터 타입

✔️ 타입

    - 간혹 JavaSctipt에는 타입이 없다고 생각하는 경우가 있는데, Javasctipt 에도 타입은 존재하며 다만 변수/ 상수 선언 시 명시하지 않을 뿐 

- typeof(x) :  전달된 x의 타입을 문자열로 반환한다.

- number : 전달된 값이 숫자

- string : 전달된 값이 문자열

- boolean : 전달된 값이 논리형

- object : 전달된 값이 다른 타입으로 정의할 수 없는 일반 객체

- undefined : 전달된 값이 undefined

- function : 전달된 값이 함수

 

✔️ 숫자 : 0부터 9 혹은 마침표(.)로 이루어진 값.

 - 지수표기법 (Exponential Notation) : {n}E{x} 방식으로 표기. 이는 n 곱하기 10의 x승. 가령 1E+1은 10.

 

✔️ 문자열 : 쌍따옴표(") 혹은 홑따옴표(') 혹은 백틱(`)으로 감싼 값

  ⚠️ 주의 :  그냥 123은 숫자 백이십상이지만 '123'은 문자열 일이삼. 따라서 '123' +4 는 문자열 합치기로 작동하고 그 결과가 '1234'(문자열 일이삼사)로 나옴

✔️ 논리값 : 참과 거짓, 두개로 이루어진 값으로는 참은 true, 거짓은 false이다.

✔️기타

 - NaN: NaN(Not a Number) 은 숫자가 아닌 값이다. typeof(NaN)은 number를 반환한다. 무한수를 무한수로 나누면 NaN을 반환한다.

 - Infinity : 무한한 수를 의미한다. 어떠한 값을 0으로 나누면 반환되는 값이다. typeof(Infinity)는 number를 반환한다.

 - null :  값이 의도적으로 없음을 의미한다. typeof(null)은 object를 반환한다.

 - undefined: 값이 의도했든 안했든 없음을 의미한다. 변수 선언과 동시에 값을 초기화 하지 않으면 설정되는 값이다. typeof(undefined)는 undefined를 반환한다.

 

✅ 멤버 (member)

- 멤버란 어떠한 객체가 가지는 속성(Property) 과 함수(Function)를 의미한다.

- 속성이란 호출 가능한 것이 아닌 값 자체이다.

- 함수란 호출 가능한 것.

 

1. 요소(Element)의 멤버

- innerText :  요소의 내부 텍스트 내용을 가져오거나 지정한다.

- innerHTML : 요소의 내부 HTML 내용을 가져오거나 지정한다.

- focus() : 해당 요소에 포커스를 준다.

 

2.  폼요소 (Form Element)의 멤버

✔️ onsubmit : type이 submit인 input을 클릭하거나, 각 input에서 엔터키를 눌러 해당 form을 최종적으로 전송하고자 했을 때 발생하는 이벤트에 대한 함수인 속성

> 해당 이벤트 함수의 반환값이 false인 경우 요청이 진행되지 않는다.

> 해당 이벤트 함수의 첫번째 전달 인자의 preventDefault() 함수 호출 시 요청이 진행되지 않는다.

someForm.onsubmit = () => {
  alert('서브밋 버튼을 눌렀다.');
 };
someForm.onsubmit = () => {
 // 요청이 진행되지 않는다.
  return false;
 };
someForm.onsubmit = (e) => {
 // 요청이 진행되지 않는다.
   e.preventDefault();
};

3. input 혹은 select 요소의 멤버

✔️ value :  해당 input 요소에 입력된 문자열 값 혹은 select 요소에서 선택한 option의 value 속성 값이다.

✔️ select () : 해당 <input>태그에 작성된 내용을 전체 선택한다. 

<form id="someForm">
<input name="someInput" value="어떤 인풋">
</form>

const someForm = window.document.getElementById('someForm');
const someInput = someForm['someInput'];
someInput.value; // '어떤 인풋'

 

4. 문자열(String)의 멤버

✔️ length :  문자열의 길이이다. (읽기 전용)