[JS] 함수, 배열

다인·2022년 7월 20일
0

JavaScript

목록 보기
2/9

함수

function 함수명 ( [인자...[,인자]] ) {  	
	코드
    return 반환값
}

함수 작성 후 호출해야함 -> 함수명()

입력

함수 내의 인자(argument) 이용

function get_arg(arg) {
	return arg + 1;
}
alert(get_arg(1)); //결과 2

출력

return

함수를 정의하는 또다른 방법

numbering = function() {
	var i = 0;
	while (i < 6) {
		document.write(i + '<br>');
		i++;
	}
}
numbering();

익명함수

(function() {
	var i = 0;
	while (i < 6) {
		document.write(i + '<br>');
		i++;
	}
})();

함수의 정의와 호출을 동시에 함. 1회성 호출.

함수의 호출

Function.apply
Function.call

o1 = {val1:1, val2:2, val3:3}

function sum(){
  var _sum = 0;
  for(name in this){ //this에 o1이 들어감. 
    _sum += this[name];
  }
  return _sum;
}
alert(sum.apply(o1))  // 6

배열

var arr=['a', 'b', 'c'];

function get_members(){
	return ['a', 'b', 'c'];
}
var arr = get_members();
documemt.write(arr[0]);

함수&배열 응용

function get_members() {
	return ['a', 'b', 'c', 'd'];
}
var arr = get_members();
for (var i = 0; i < arr.length; i++) {
	document.write(arr[i].toUpperCase() + '<br>');
}

추가

  1. 배열 끝에 원소 추가
    push array.push('e');
    concat array.concat('e', 'f');

  2. 배열 맨 앞에 원소 추가
    unshift array.unshift('aa');
    ['aa', 'a', 'b', 'c', 'd', 'e', 'f']

  3. 배열 중간에 원소 추가
    splice array.splice(index, how, element1,,,,elementN);
    index : 배열에 추가할 특정 배열의 위치
    how : index에서부터 제거될 원소의 개수
    elementN : 추가할 원소

ex.

//['aa', 'a', 'b', 'c', 'd', 'e', 'f']

array.splice(2, 0, 'bb');
//결과 ['aa', 'a', 'bb', 'b', 'c', 'd', 'e', 'f']

array.splice(6, 1, );
//6번 index에서 1개 삭제해라
//결과 ['aa', 'a', 'bb', 'b', 'c', 'd', 'f']

제거

  1. 배열 첫번째 원소 제거
    shift array.shift();
  2. 배열 맨 끝 원소 제거
    pop array.pop();

정렬

sort array.sort();
reverse array.reverse();

profile
개발자국

0개의 댓글