어떤 언어를 쓰던 배열은 여러 가지의 값을 저장할 때 꼭 필요한 요소입니다.
자주 사용하는 만큼 편하게 사용하는 방법을 정리해도록 하겠습니다 🏃♂️💨
1. 삽입
1. push()
const arr = ['🙂','🙄'];
arr.push('😎');
console.log(arr);
//result
//['🙂','🙄','😎']push는 배열의 가장 뒤에 원하는 값을 삽입하는 메서드입니다.
2. unshift()
const arr = ['🙂','🙄'];
arr.unshift('😎');
console.log(arr);
//result
//['😎','🙂','🙄']unshift는 배열의 앞부터 원하는 값을 삽입하는 메서드입니다.
💫 unshift는 배열 안에 있는 값들을 하나씩 뒤로 미루는 작업이기 때문에 작업 시간이 오래 걸립니다.
그래서 사용이 지양되는 편입니다.
2. 삭제
1. pop()
const arr = ['🙂','🙄','😎'];
arr.pop( );
console.log(arr);
//result
//['🙂','🙄']pop은 배열 가장 뒤에 있는 요소를 삭제합니다. pop ( )안에는 어떤 것도 넣지 않습니다.
만약 빈 배열을 pop할 경우 undifined가 입력됩니다.
2. shift()
const arr = ['🙂','🙄','😎'];
arr.shift( );
console.log(arr);
//result
//['🙄','😎']shift는 배열 가장 앞에 있는 요소를 삭제합니다. shift ( )도 마찬가지로 안에 어떤 값도 넣지 않습니다.
💫 shift도 unshift와 비슷하게 배열 안에 있는 값들을 하나씩 앞으로 올리는 작업이기 때문에 작업 시간이 오래 걸립니다.
그래서 사용이 지양되는 편입니다.
3. splice(pos , length)
const arr = ['🙂','🙄','😎'];
arr.splice(1, 1);
console.log(arr);
//result
//['🙂','😎']
// 1번째 인덱스부터 1개 삭제 🙄
arr.splice(0, 2);
console.log(arr);
//result
//[]
// 0번째 인덱스부터 2개 삭제 🙂,😎splice는 splice (삭제할 처음 인덱스, 지우는 길이); 로 사용합니다.
3. 삽입과 삭제
1. splice(pos , length, 'value', 'value');
const arr = ['🙂','🙄','😎'];
arr.splice(1, 1,'😪','😴');
console.log(arr);
//result
//['🙂','😪','😴','😎']
// 1번째 인덱스부터 1개 삭제 후
// 그자리에 '😪','😴'가 들어옴splice는 삭제뿐만 아니라 그자리에 원하는 인덱스를 넣을 수 있습니다. (여러개도 가능)
4. 복제, 합치기
1. slice( )
const arr = ['🙂','🙄','😎'];
const copyArr = arr.slice();
console.log(arr);
console.log(copyArr);
//result
//['🙂','🙄','😎']
// ['🙂','🙄','😎']arr.slice()로 사용되며 배열 그대로 복사됩니다.
2. concat()
const arr = ['🙂','🙄','😎'];
const comArr = arr.concat(['😪','😴']);
console.log(comArr);
//result
//['🙂','🙄','😎','😪','😴']
// 배열 2개가 합쳐진다.
const arr2 =['😪','😴'];
const comArr2 = arr.concat(arr2);
console.log(comArr2)
console.log(arr)
//result
//['🙂','🙄','😎','😪','😴']
//['🙂','🙄','😎'] <- arr는 그대로 유지concat은 새로운 배열에 두 배열의 값을 합쳐줍니다.
전에 for문 설명에 정리했던 forEach문도 배열을 이용한 메서드입니다.
그리고이런 메서드들을 이용해서 배열을 좀 더 쉽고 빠르게 편집이 가능하겠죠?
까먹지 않도록 많이 써먹어서 시간 단축, 코딩 단축해야겠습니다 .
그럼 이상으로 배열에 관한 메서드 정리였습니다~
