[JavaScript]JavaScript 기본 문법 (2)

JavaScript의 기본 문법

배열

• "["로 시작해서 "]"로 끝남
• 여러 개의 값을 적을 수 있음
• 배열 안에 값이 몇 개인지 → array.length
• 배열의 끝에 값을 추가 → array.push('abc')

 

반복문

loop(루프)라고도 함

 

배열과 반복문 예제

모든 <a></a> 태그의 폰트 색깔을 'powderblue'로 변경

var aList = document.querySelectorAll('a');
var i = 0;
while(i<aList.length){
	aList[i].style.color='powderblue';
  i+=1;
}

 

링크가 담긴 배열을 이용해서 링크 리스트 만들기

<script>
        var arr = ['123','456','789','101112','131415'];
        
        var i =0;
        while(i<arr.length){
            document.write('<li><a href="<http://a.com/'+arr[i]+'>">'+arr[i]+'</a></li>');
            i+=1;
        }
</script>

 

함수

function, method라고도 함

자바스크립트에서 함수는 일급 객체이다.

• 함수를 변수, 객체, 배열 등에 저장 가능
• 다른 함수에 인자(콜백함수) 가능 또는 리턴 값으로 사용 가능
• 함수는 프로그램 실행 중에 동적으로 생성 가능

 

함수 정의 방법은

1. 함수 선언문
2. 함수 표현식
3. Function 생성자(constructor) 함수

이렇게 세 가지 방식 제공

 

함수 선언 방법

• 선언 → function 함수이름(선언부){구현부}

function 함수명(매개변수명1, 매개변수명2, ...) {
	return 값; // (해도되고 안해도됨)
}

 

예시)

function sum(left, right){
	document.write(left+right+'<br>');
}

sum(2,3);

• 매개변수 (parameter) → left, right
• 인자 (argument) → 2, 3

자바스크립트에서는 인자값을 더 많이 보내면 그냥 순서대로 들어감!
더 작게 보내면 undefined가 들어감!
-> 인자값의 개수가 다르더라도 호출이 됨!!!

 

함수 호출 방법

• 함수명();
• 함수명(params);
• var 변수명 = 함수명();

 

내장 함수

• Window 객체
• alert(arg): 경고창(modal 창)
• var result = confirm(arg): 확인/취소
• 숫자 여부: isNaN(arg)
  • 숫자 데이터가 아니면:  true 반환

• 정수형 변환: parseInt()
• 실수형 변환: parseFloat()
• 수식형식의 문자열을 수식으로 변환: eval()
• 사용자 데이터 입력
  • prompt("메세지", "기본값")
  • prompt("메세지") : 기본값 지정하지 않는 경우 "", undifined

등등이 있는데 필요한 것은 그때그때 찾아서 쓰면 됨!