JavaScript 배열(1)

[배열]

 

순서가 있는 값. 순서는 인덱스라고 부르며, 1이 아닌 0부터 번호를 매긴다.

배열은 여러 데이터를 한 번에 다루기 위해 필요하다.

 

let myNumber = [5, 44, 32, 99, 51];

 

[0]	[1]	[2]	[3]	[4]
5	44	32	99	51

 

 

예를들어 myNumber라는 배열의 3번째 인덱스의 값은

 

let myNumber = [5, 44, 32, 99, 51];

myNumber[3];  //99

 

 

 

 

 

[예제]

 

1.

 

let fruits = [
     'banana',
     'apple',
     'pineapple'
];

 

 

 

ruits의 2번째 indexd의 값?

 

fruits[2];  //pineapple

 

 

fruits의 3번째 indexd의 값?

 

fruits[3];  //undefined

 

 

2.

 

let myNumber = [[13 , 20] , [53 , 90] , [1 , 42];

 

 

myNumber의 1번째 index의 값?

 

myNumber[1];  //[[53 , 90]

 

 

myNumber의 1번째 index의 0번째 index의 값?

 

myNumber[1] [0]   //53

 

 

	0	1
0	13	20
1	53	90
2	1	42

                                                      (이차원 배열)

 

 

 

 

배열로 할 수 있는 것

 

let myNumber = [5, 44, 32, 99, 51];

 

[0]	[1]	[2]	[3]	[4]
5	44	32	99	51

 

myNumber라는 배열의 길이를 알아내려면

 

let myNumber.lenght;   //4

 

온점을 이용해 변수가 가지고 있는 속성(property)에 접근 할 수 있다.

 

 

 

 

 

[mutable method] - 변경가능

 

1. push

 

myNumber라는 배열 마지막 값을 추가하려면

myNumber.push(88);

 

let myNumber = [5, 44, 32, 99, 51];
myNumber.push(88);

 

[0]	[1]	[2]	[3]	[4]	[5]
5	44	32	99	51	88

 

 

 

2. pop

 

myNumber라는 배열 마지막 값을 삭제하려면

myNumber.pop( );

 

let myNumber = [5, 44, 32, 99, 51];
myNumber.pop();

 

[0]	[1]	[2]	[3]
5	44	32	99

 

 

 

3. unshift

 

myNumber라는 배열 첫 번째 값을 추가하려면

myNumber.unshift( 79);

 

let myNumber = [5, 44, 32, 99, 51];
myNumber.unshift(79);

 

[0]	[1]	[2]	[3]	[4]	[5]
79	5	44	32	99	51

 

 

 

4. shift

 

myNumber라는 배열 첫 번째 값을 삭제하려면

myNumber.shift( );

 

let myNumber = [5, 44, 32, 99, 51];
myNumber.shift();

 

[0]	[1]	[2]	[3]
44	32	99	51

 

 

 

 

 

[immutable method] - 변경 불가능

 

배열의 begin부터 end까지(end 미포함일 수 있음)에 대한 얕은 복사본을 새로운 배열 객체로 반환한다.

원본 배열은 바뀌지 않는다.

 

 

 

1. slice

 

시작할 요소부터 끝낼요소의 값을 나타내려면,

myNumber.slice(1);

 

let myNumber = [5, 44, 32, 99, 51];
myNumber.slice(1);
// 첫번째 요소부터 끝까지의 값

 

[0]	[1]	[2]	[3]
44	32	99	51

 

 

 

시작할 요소부터 끝낼요소의 이전까지(-1) 값을 나타내려면,

 

myNumber.slice(1,3);

 

let myNumber = [5, 44, 32, 99, 51];
myNumber.slice(1,3);
// 첫번째 요소부터 3번째 요소 이전까지(2번째 요소)까지

 

[0]	[1]
44	32

 

 

 

 

 

[mutable method와 immutable method 차이]

 

mutable method	immutable method
Array.push( ) Array.pop( )  Array.shift( ) Array.unshift( ) Array.splice( )	Array.slice( ) Array.concat( ) Array.join( )

 

mutable method는 변경이 가능한 방법으로 추가하거나 삭제한 값이 그대로 저장되지만,

immutable method는 변경이 불가능한 방법으로 원본이 변경되지 않고 새로운 값이 저장된다.(얕은복사)

 

 

---

   ⭐️⭐️⭐️중요⭐️⭐️⭐️

 

• mutable method와 immutable method의 종류에 대해 알고 사용할 수 있다.
• mutable method와 immutable method의 차이점을 안다.