1_javascript_(배열,함수)

study/Javascript · 2019. 12. 21. 08:44

08.배열

@자바스크립트 배열이란?

자바스크립트에서는 별도의 자료형이 지정이 없기 때문에 배열의 각 요소는 모든 자료형을 보관할 수 있는 형태가됨

자바의 컬렉션(리스트)와 비슷한 형태가 됨

@배열의 선언

배열 선언 시 배열의 크기를 저장하거나, 정하지 않고 선언할 수 있다.

1. var arr = []; 2. var arr = new Array(); 3. var arr = new Array(3);

@배열 객체의 메소드(함수)

자바스크립트에서는 배열도 object이기 때문에 배열에서 활용할 수 있는 메소드(함수)가 제공됨

indexOf() : 배열에서 요소가 위치한 인덱스 리턴

concat(배열명...) : 다수의 배열을 결합

toString() : 요소 사이에 ,(콤마)를 추가하며 하나의 문자열변환

join("?") : 요소 사이에 구분자를 지정하여 하나의 문자열 변환

sort() : 배열을 오름차순으로 정렬

reverse() : 배열의 순서를 뒤집음

★push() : 배열의 맨뒤에 요소추가

pop : 배열의 맨 뒤 요소 제거

unshift() : 배열의 맨 앞에 요소 추가

slice(시작인덱스(이상), 종료인덱스(미만) : 배열의 요소 선택 잘라내기, 원본 배열에 영향없음

★splice(시작인덱스(이상), 제거할 요소수, 대체값) : 배열의 index 위치의 요소를 제거하고 새로운 요소 추가

원본에 영향을 미침

09. 함수

@기본적인 함수 작성, 호출 방법
function 함수명([매개변수]){
	소스코드
}
이벤트를 이용하여 함수명으로 호출
다른 함수에서 함수명으로 호출

★익명함수(이름이 없는 함수)
function([매개변수]){
	소스코드
}
변수 선언, 이벤트 동작, 즉시 실행 함수 사용됨
#변수에 담았을때
변수명 -> 함수가 저장된 변수명
변수명() -> 변수내부에 저장된 익명함수 호출

@즉시실행함수
(function([매개변수]){
	소스코드
})();
함수가 정의되자마자 실행되는 함수
익명함수의 일종

@함수의 매개변수(전달인자)
지정된 매개변수의 수보다 많거나 적게 매개변수를
작성하여 함수를 호출할 수 있음

#interal 방식의 이벤트 선언
document.getElementById("id명").onclick = function(){
	소스코드
}
익명함수가 이벤트 핸들러로 사용됨
매개변수가 기준보다 초과해도 되지만 초가된 매개변수는 무시됨
지정된 매개변수보다 적은 수를 전달
선언되지않은 매개변수는 undefined로 설정됨

@함수의 리턴 처리
함수를 호출한 부분이 리턴값으로 대체됨

@가변인자 함수
매개변수의 개수가 변하는 함수를 의미
★모든 함수 내부에는 arguments라는 객체가 자동으로 생성되어 있음
★arguments는 전달된 매개변수를 배열 형태로 저장함

@내부함수(중첩함수)
함수내에 또 함수
#Math.sqrt() = 루트