[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));
이렇게 원소를 배열로 다루는 명령어들입니다.
여기까지가 제가 공부한 내용입니다. 감사합니다~~