본문 바로가기
Javascript

자바스크립트 기초

by Antonio Bae 2022. 5. 8.

상수란 변하지 않는 수
객체란 객체(Object)란 물리적으로 존재하거나 추상적으로 생각할 수 있는 것 중에서 자신의 속성을 가지고 있고 다른것과 식별 가능한 것
자바스크립트의 기본 타입(data type)은 객체(object)입니다. 
객체란 이름(name)과 값(value)으로 구성된 프로퍼티(property)의 정렬되지 않은 집합
연관되어 있는 그릇이라는 점에서 배열과 굉장히 유사하나, 

인덱스란 추가적인 쓰기 작업과 저장 공간을 활용하여 데이터베이스 테이블의 검색 속도를 향상시키기 위한 자료구조
객체는 우리가 변수 혹은 상수를 사용하게 될 때 하나의 이름에 여러 종류의 값을 넣을 수 있게 해준다.
일반적으로 키는 공백이 없어야하지만 공백이 필요한 경우 따옴표로 감싸서 문자열로 넣어주면 된다.
함수에서 객체를 파라미터로 받기

속성이란 자바스크립트에서 객체 내부의 속성을 의미.프로퍼티는 "key(키)" : "value(값)" 의 형식으로 객체 안의 콤마(쉼표 ,)로 구분되어 할당된다.
속성 중 값이 함수인 경우를 메서드라 부른다

추상화 객체의 공통적인 속성과 기능을 추출하여 정의하는 것 객체들의 공통된 특징을 파악해 정의해 놓은 설계 기법
상속 기존 상위클래스에 기능을 가져와 재사용할 수 있으면서도 동시에 새로운 하위 클래스에 새로운 기능도 추가할 수 있는 것

alert 메시지를 보여줄 때 사용
prompt 값을 입력받을 때 사용  const name = prompt("예약일을 입력해주세요.", "2022-05-"); ->취소를 누르면 null
confirm 확인받을때 사용 const isadult = confirm("당신은 성인입니까?");

언어(웹브라우저 제어) -> 환경(node.js Google Spread Sheet 등)
function onOpen() {
var name = Browser.msgBox('Hello world');
};

입출력
function get_argument(arg1,arg2){ #매개변수
return arg
함수는 코드의 재활용성을 높여준다!

배열: 연관된 데이터를 모아서 통으로 관리하기 위해 사용하는 데이터 타입. (즉 하나의 그릇)
변수가 하나의 데이터를 저장하기 위한 것이라면 배열은 여러개의 데이터를 하나의 변수에 저장하기 위한 것
var a = ['egoing','k8805','sorialgi'];
alert(a[0]);
alert(a[1]);
alert(a[2]);
인덱스별로 찾아내는 역할을 함

배열의 효용
function get_member1() {
return 'egoing';
}
document.write(get_member1());

배열 원소의 값은 몇개인가?
alert(a.length); ----> 3개를 출력

반복문
for (var i = 0; i < a.length ; i++) {
document.write(a[i].toUpperCase()+"<br />");
}

배열의 제어(concat)
배열은 복수의 데이터를 효율적으로 관리, 전달하기 위한 목적으로 고안된 데이터 타입.
따라서 데이터의 추가/수정/삭제와 같은 일을 편리하게 할 수 있도록 돕는 기능을 가짐
var li = ['a','b','c','d','e'];
li.push('f'); ->li에다가 f를 추가하겠다.
alert(li); ->li를 띄우겠다
li.unshift('z');  ->li에다가 z값을 배열의 시작지점으로 추가하겠다.
li.splice(1,2,'x','y'); ->li에다가 1번째 인덱스에 2개를 삭제하고 'x'와 'y'를 넣겠다
li.pop(); ->끝 원소 제거
li.shift(); ->첫번째 원소 제거

객체와 반복문
var grades = {'egoing':10,'k8805':6,'sorialgi':80};
for(key in grades){
console.log(key);
}

형변환
1.String ->문자형으로 변환
2.Number() ->숫자형으로 변환
3.Boolean() ->불린형으로 변환 false를 반환하는 값들제외하고 모두 True ( 숫자 0, 빈문자열 '' null undefined NaN)
Number(null) ->0
Number(undefined)->NaN
Number(0) ->False
Number('0') ->True
Number('') ->False
Number(' ') ->True

증가연산자
let num = 10;
num ++
num --

비교연산자
if(age>19){
console.log("환영합니다.")
}

 

자바스크립트 이거 3개로 마스터!

https://www.youtube.com/watch?v=K8qVH8V0VvY

https://www.youtube.com/watch?v=KF6t61yuPCY

https://www.youtube.com/watch?v=4_WLS9Lj6n4