20200730 - 배열

xxcvdir·2일 전
0

TIL

목록 보기
7/8
post-thumbnail

배열

1. 배열이란

배열이란 순서가 있는 값이다. 하나의 변수에 여러개의 값을 '순서있게' 담을 때 사용한다.

let = myarray = ['1','2','3','hello'];

myarray라는 배열이 있다. 이 배열에는 '1','2','3','hello'라는 값이 저장되어 있는데, 이 값을 요소(element)라고 부른다. 각 요소들은 순서가 있는데, 이 순서를 index라고 부른다. index는 0부터 시작된다. 위에 예시로 보여지는 myarray 배열에서 0번째 index를 가진 요소는 '1' 이다.

2. 배열의 속성과 메소드

배열도 문자열과 마찬가지로 다양한 속성과 메소드를 가지고 있다.

1. 배열 속성

1. arr.length - 배열의 길이 확인

let arr = ['1','2','3','4'];
arr.length; //4

2. 추가 관련 메소드

1. arr.push(추가할 요소) - 배열의 맨 뒤 index에 배열 추가

let arr = ['1','2','3','4','5'];
arr.push('6');
arr; // ['1','2','3','4','5','6']

2. arr.unshift(추가할 요소) - 배열의 맨 앞 index에 배열 추가

let arr = ['1','2','3','4','5'];
arr.unshift('0');
arr; // ['0','1','2','3','4','5']

**3. arr.concat(arr2) - 두 개 이상의 배열(혹은 값)을 합쳐서 새 배열을 반환

let arr1 = ['1','2','3'];
let arr2 = ['4','5'];
arr1.concat(arr2); // ['1','2','3','4','5'];
arr1; //['1','2','3']
arr2; // ['4','5']

3. 삭제 관련 메소드

1. arr.pop() - 배열의 맨 뒤 요소를 삭제

let arr = ['1','2','3','4','5'];
arr.pop();
arr; // ['1','2','3','4']

2. arr.shift() - 배열의 맨 앞 요소를 삭제

let arr = ['1','2','3','4','5'];
arr.shift();
arr; // ['2','3','4','5']

4. 조회 관련 메소드

1. arr[index] - index에 해당하는 요소 조회 및 변경

let = myarray = ['1','2','3','hello'];
myarray[2]; // '3'
myarray[2] = '100'; // '3'이 '100'으로 변경 

2. arr.indexOf (요소) - 요소가 위치한 index 정보 제공

let = myarray = ['1','2','3','hello'];
myarray.indexOf('3'); // 2
myarray.indexOf('4'); // 없는 요소에 대해서는 -1 출력

5. 기타 메소드

자주 쓰는 메소드로 arr.splice() 와 arr.Slice 메소드가 있다. 이 메소드에 특성과 예시에 대해서는

Slice()와 splice()의 차이점

이 링크 글보다 잘 정리할 자신이 없다. 너무나도 잘 정리한 글이(나도 시간이 많다면 저런 수준의 글을 쓰고 싶다 ㅠㅠ)

arr.join () - 배열 안에 있는 요소들을 하나의 값으로 만든다. () 안에는 구분 기준이 되는 문자가 들어간다. 빈괄호로 놔두면 ,를 기준으로 구분된다.

let arr = ['1','2','3','4','5'];
arr1 = arr.join() //,로 구분된 하나의 값이 나옴
arr1;//[1,2,3,4,5]
arr2 = arr.join('/');//[1/2/3/4/5]

6. 배열 확인법

typeof 메소드로 배열을 확인하면 'object'라는 결과가 뜬다. 그래서 배열을 확인하기 위해서는 Array.isArray(확인할 배열)를 사용한다.

let name = ['승권','승정','승희'];
Array.isArray(name); //boolean값으로 결과 반환, 결과적으로 true값 반환

추가 부분

arr.slice.join 과 같은 메소드 배움

profile
될 때까지 하는 사람

0개의 댓글