[JS] 함수(function)와 배열(array)에 대해 알아봅시다.

이번 시간에는 함수의 사용법과 배열에 대해서 알아보도록 하겠습니다.

 

함수에서는 매개변수 즉, 전달 인자를 통해서 동작하는데요.

 

예시를 먼저 보시죠

 

function myinfo(name,area){
	document.write(name+"이 사는 곳은"+area+" 입니다." + "<br>");
}
myinfo("이진욱,"대구");

이런 식으로 name과 area라는 매개변수를 만든 뒤에 대입을 해서 코드를 적으시면 됩니다.

 

자연스럽게 사용을 하기 위해서 여러 번 사용해보시면 됩니다.

 

예를 들어 2019년은 기해년입니다. 를 출력해봅시다.

 

function datt(aa,adat){
	console.log(aa+ "년은 " +adat+ " 입니다.");
}
datt(aa,adat);

이런식으로 나오면 성공

 

이제 함수의 우선순위에 대해 알아봅시다. 

 

먼저 설명을 드리자면 2가지의 함수를 선언했다고 하면 컴퓨터는 위에서부터 차례대로 코드를 읽어서 실행을 하는데

같은 이름의 함수일 때는 먼저 선언한 함수가 우선순위입니다. 말 그대로 밑에 선언한 함수는 개무시(?)를 하는 거죠.

 

	//무명함수, 익명함수
        var printMsg = function(msg){
            document.write("무명함수 : " +msg+ "<br>");
        }
    //기본함수선언, 선언적함수
        function printMsg(msg){
            document.write("기본함수 : " +msg+ "<br>");
        }
        printMsg("호출완료!!")

먼저 선언한함수의 결과만 보여지는 것을 볼 수 있습니다.

 

이제 함수의 리턴하는 법을 배워봅시다.

 

function sum1(){
	var a = 10;
    var b = 20;
    var c = a + b;
    return c;
}
console.log(sum1());

 

a와 b의 합인 c값을 출력하기 위해 return값을 부여한 것을 확인할 수 있습니다.

 

함수를 변수에 바로 할당하는 법도 있습니다.

 

function sum3(x,y){
	return x+y;
}
var cal = sum1;
var cal2 = sum2;

document.write("결과값은: "+cal(5,10)+ " 입니다.");

이렇게 사용이 가능합니다.

 

 

자! 이제 배열(array)에 대해 알아봅시다.

 

배열이란?

=> 연관된 데이터를 모아서 통으로 관리하기 위해서 사용하는 데이터 타입입니다.

    변수가 하나의 데이터를 저장하기 위한 것이라면, 배열은 여러 개의 데이터를 하나의 변수에 저장하기

    위한  것이라고 할 수 있습니다.

 

 var fruit1 = new Array('apple', 'banana', 'melon','watermelon','manggo','berry');
        console.log(fruit1);
        document.write(fruit1[0])

이런식으로 묶어서 출력되는것을 볼 수 있습니다.

 

 

추가로 배열 추가에 대해서 알아봅시다.

 

var li = ['a','b','c','d','e'];

 		li.push('f'); //배열 맨뒤에 원소추가
        console.log(li);

        li = li.concat('g', 'h'); //배열에 복수의 원소를 추가
        console.log(li);

        li.unshift('z');    //배열 맨앞에 원소추가
        console.log(li);

        li.splice(2,0,'B'); //들어갈 위치,제거할 원소개수, 추가될 원소
        console.log(li);

        li.pop();  //마지막원소를 제거
        console.log(li);

        li.shift(); //제일처음원소를 제거
        console.log(li);

        liSlice = li.slice(1,3); 
        console.log(liSlice, li);

        li = li.reverse(); //배열순서뒤집기
        console.log(li);

        li = li.sort();
        console.log(li,typeof(li));

        li = li.join('-'); //각원소를 -로이어서 문자로 만듬
        console.log(li, typeof(li));

 

이렇게 원소를 배열로 다루는 명령어들입니다.

 

여기까지가 제가 공부한 내용입니다. 감사합니다~~