[개념정리 8탄] JavaScript 4번째

배열(Array)

저장공간을 나열해놓은 형태의 자료구조이다. 하나의 이름과 방번호(인덱스)로 참조되는 정렬된 값의 집합이다. 배열요소는 배열을 구성하는 각각의 값이다. 인덱스는 배열에서의 위치를 가리키는 숫자이다.

let 배열명 = [값1, 값2, ...];
let 배열명 = new Array(값1, 값2, ...);
let 배열명 = [];

배열의 특징

1. 타입이 고정되어있지 않다.

let arr = ["안녕", 10, -2.35, true];

2. 인덱스가 연속적이지 않아도 된다.

let arr = [];
arr[0] = 10;
arr[3] = "친구야";
console.log(arr[3]); // 친구야

Array 객체의 기능(메소드)

• 배열명.length : 현재 배열의 총 길이(컨텐츠의 갯수)
• 배열명.push() : 배열에 요소를 추가한다.
• 배열명.pop() : 배열의 마지막 값을 제거한다.
• 배열명.shift() : 배열의 첫번째 값을 제거한다.
• 배열명.concat() : 두개의 배열을 합친 배열을 반환한다.(return)
• 배열명.join() : 배열 요소 사이에 원하는 문자를 삽입한 "문자열" 반환한다.
• 배열명.reverse() : 배열을 역순으로 배치한다.
• 배열명.sort() : 배열을 오름차순으로 정렬한다.

 

배열, array기능 사용해보기

/*
2. 배열 2개를 

let arr1 = [];
let arr2 = [];

arr1에 순서대로 10, 20, 30을 추가하고
arr2에 순서대로 40, 50, 60을 추가한다.

arr1,2를 활용하여 30, 40, 50을 반환하는 배열 arr3 만든다.
*/

let arr1 = [];
let arr2 = [];
arr1.push(10, 20, 30);
arr1.push(40, 50, 60);
arr1.shift(); // 처음 배열을 제거(10)
arr1.shift(); // 처음 배열을 제거(20)
arr2.pop(); // 맨 뒤에 있는 배열을 제거(60)
let arr3 = arr1.concat(arr2); // 2개를 합쳐라.
console.log(arr3); // [30, 40, 50]

함수(funciton)*재사용*매우 중요!!!

하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 영역이다. 함수는 필요할때 마다 호출해서 해당 작업을 반복해서 수행하기 때문에 코드 재활용을 가능케 한다. 즉, 반복되는 코드, 행위, 기능들을 쉽게 관리하기 위해 선언하여 사용.

 

함수의 선언

				//전달받은 값1,2는 "매개변수"라고 불린다.
function 함수이름(전달받은 값1, 값2, ...){
	수행할 문장
    return 리턴값 //리턴값이 없다면 생략 가능하다.
}

 

매개변수

function a (a,b){
	a = a + b;
    let c = a * b;
    return c;
}

let num = 5;
let num2 = 10;
a(num, num2); // 150

=> a(num, num2)를 통해 전달받은 a, b를 어떤 이름으로 사용해줄지 정하면 된다.

함수 예제

function a(x) { // x는 10이다
	console.log(x);
    return 2 * x + 1; // return하면 함수를 끝(탈출)낸다.
    console.log("실행할까요?"); // 그러므로 이 문장은 실행되지 않는다.
}
console.log(a(10)); // 10과 21을 출력한다.
// 10을 위의 x라는 매개변수에 대입해준다.