JS 기초 정리

1.input값 핸들링 2.보였다 안보였다 하는 용도

var - 변수가 중복으로 선언되어도 알수 없음.

let - 중복변수 선언시 에러가남. 변수명 유일, 재할당 가능

const - 절대바뀌지 않는값임. 재할당도 불가능

// 데이터 타입 : 숫자,소수점, 문자, 오브젝트, 배열

 

 

함수

function regist(){

alert(document.getElementById("name").value);

}

매개변수

리턴

youtu.be/vlyHEQSqkl8?t=1236( 함수안에서 리턴문이 나오면 종료하고, 실행한 위치로 돌아간다.)

 

조건문

resul = (1==1);

if(result){

document.write("참");

}else{

document.write("거짓");

}

반복문

<script>

i = 0;

**while**(i < 10){

document.write("<li>hello world</li>");

i = i + 1;

}

</script>

배열 [ ] 순서대로 저장

<script>

list = **new** Array("one", "two", "three");

document.write(list[2]);

document.write(list.length);

</script>

함수

<script>

**function** a(){

document.write("Hello JS Function");

}

a();

</script>

 

객체 - 순서없이 저장 -----------------------------------------------

 

https://youtu.be/GIB8O6R3wko

객체의 데이터 순회

객체의 반복문

for(var key in coworkers){

   document.write( key+ ' : ' coworkers[key]+ '<br>');

   cowokrker[key] - 가 가리키는 객체의 키값을 가져와라  / 위에서 키값은 programer, designer, bookkeeper,data scientist 이다.

}

 

 

 

객체의 속성

Property(속성) & method (속성중에 값이 함수이면 ) https://youtu.be/mjzx1qbyPwU

var showAll = funtion(){

}

과

function showAll(){

}

은 같은 표현이다. 함수정의를 두가지로 할 수 있다.

 

객체의 활용 youtu.be/JNaX6EG9-FI

객체의 프로퍼티 구분할때  콤마 , 가 꼭 있어야 한다.