parseInt(value1, value2) : 문자열(string)을 정수(integer)로 변환 value1 : 변환하려는 값 / value2 : 진법(Radix) 예1. parseInt('101', 2); // 5 예2. parseInt("Cosmos"); // NaN parseFloat(value) : 문자열(string)을 부동소수점 실수(float)로 변환
Array
: 배열(array); 가장 기초적이고 필수적인 데이터구조 (예: 파이썬의 list)
- 대괄호([]), 콤마(,)로 표현
array.length : 배열에 존재하는 인수의 갯수를 나타내는 property * 후행(trailing)쉼표 : array의 마지막 인수 미입력(예: let myCats = ["a", "b", "c", ])시 오류 발생
array.push : 배열의 마지막에 인수를 추가하는 property
- 배열의 마지막에 속성(new key : new value)을 추가하는 방법 : 직접 선언
Object
: 객체(object); 값을 저장하는 컨테이너
- 중괄호({}), 콤마(,)로 표현
■ 속성(property) :
- key와 value값으로 구성 / 속성값이 함수(function)일 경우 메소드(method)
- key : 문자형과 심볼형만 사용 가능 / 띄어쓰기가 포함된 문자열의 경우 따옴표 사용
- 외부에서 배열의 속성 접근시 마침표(.) 이용
property accessors (속성 접근자) : object.property; // value object["property"]; // value
Function
: 함수(function); 반복해서 사용할 수 있는 코드 조각
- (관례상) 첫글자 대문자로 시작;
■ 매개변수(parameter) : 함수 선언에서 정의된 변수
■ 인자(argument) : 함수가 호출될 때, 매개변수의 인풋으로 들어온 실제 데이터 값
■ new 연산자 : 생성자 함수와 함께 사용하여 유사한 객체 생성 가능
■ this :
1. 함수 내에서 지역객체(local object)를 호출
* 함수 내에서 정의된 객체는 함수 내에서만 사용 가능 (예. functionObject)
2. 함수 내에서도 전역객체(global object) 생성 가능 → this를 이용하여 함수 내에서만 작동하는 지역객체 생성 가능
- 객체와 함수 생성 과정 비교 :
const / let / var
function
코드 예제
Return
: return 명령문은 함수 실행을 종료하고, 주어진 값을 호출 지점으로 반환; 함수를 중간에 중단도 가능
- data를 console.log로 단순히 표시하는 것이 아니라, 웹 페이지 내에서 data를 얻어서
그 data로 무언가를 하기 위해 return 사용;
- function 안에서 무언가를 return(반환)하면, 누군가 function을 실행할 때 return 값으로 대체된다.
→ function이 function의 밖과 소통하는 방법;
- return을 하면 function은 작동을 멈추고 결과 값을 return
Conditionals - if...else
if...else 조건문 : 지정한 조건의 값이 참/거짓인지에 따라 각자 다른 명령문(statement)를 실행 가능
- else if절을 통해 다중의 if...else문을 중첩 가능
prompt(message, defaultValue) : 사용자에게 메세지가 담긴 알림창을 띄울때, 값을 받는 입력창도 함께 출력 - 첫번째 매개변수(message) : 입력창에 표시될 메세지 - 두번째 매개변수(defaultValue) : 입력할 부분에 표시될 기본값 - javascript는 값이 입력되기 전까지 웹페이지를 일시정지 - (단점) CSS 적용 불가능 / 팝업 제한된 브라우저에서는 출력 불가능
input
output
isNaN() : 객체가 NaN(Not a Number)인지 boolean 값을 반환 예. 값이 숫자가 아닐 경우(=NaN), true / 값이 숫자일 경우, false
