3-8 함수(세금 포함 가격 계산하기)

함수란, 자주 사용하는 처리를 하나로 묶은 작은 단위의 프로그램이다.

var 함수명 = function(필요한 매개변수) {
   구체적인 처리 내용
   //필요한 매개변수는 이 안에서만 사용할 수 있다.
   //이 함수 작성 형식은 '이름 없는(익명)'함수를 작성해서 변수에 대입하였다.
};

3-9 사칙연산자(FizzBuzz 게임만들기)

※ 피지버즈 게임은 3의 배수일 때는 ‘피즈(Fizz)’를 외치고, 5의 배수일 때는 ‘버즈(Buzz)’를, 그리고 5와 3의 배수, 즉 15의 배수일 때는 ‘피즈버즈’를 외친다.

3-10 배열(항목을 리스트로 표시하기)

배열 작성하기

<body>
   <script>
      var fruit = ['바나나', '사과', '파인애플'];
      console.log(fruit[0]);
   </script>
</body>

3번 행에 있는 []괄호 부분이 배열이다.
4번 행에 fruit[0] 출력은 바나나가 된다. 배열요소에서 0번째 요소가 첫 번째 값이 된다.
fruit[]에 들어가는 값이 3이상이면 ‘undefined’가 표시된다.
undefined란 ‘정의돼있지 않다’라는 의미이여서 배열 안에 데이터가 없다는 것을 나타낸다.

배열의 모든 항목 읽어오기

<script>
var fruit = ['바나나', '파인애플', '딸기', '포도', '망고'];
for(var i=0; i < fruit.length; i++ ){
	console.log( fruit[i] );
}
</script>

length 프로퍼티는 배열에 등록돼 잇는 데이터 개수 정보를 가지고 있다.

항목 추가하기

<script>
	var fruit = ['바나나', '파인애플', '딸기', '포도', '망고'];
	fruit.push('사과');
	for(var i=0; i < fruit.length; i++ ){
		console.log( fruit[i] );
	}
</script>

push를 사용하면 배열 마지막 항목으로 추가 할 수 있다.

항목을 HTML에 출력하기

<section>
	<h1>해야 할 일 목록</h1>
	<ul id="list">
	</ul>
</section>

이 위에 <ul>안에 ‘<li> 배열의 각 항목 </li>’를 삽입할 수 있다.

<script type="text/javascript">
	var fruit = ['사과', '바나나', '포도', '망고','감','복숭아' ];
	fruit.push('석류');
	for (var i=0; i<fruit.length; i++) {
		var li = document.createElement('li');
		li.textContent = fruit[i];
		document.getElementById('list').appendChild(li);
	}
</script>

<li>를 생성해서 <ul id=”list”>에 삽입한다.