[JS] 배열 간단하게 정리해봄📝

✔️ 배열 [ ]

---

push, pop, unshift, shift, concat

Array.push : 맨 뒤에 삽입
Array.pop : 맨 뒤에 거 삭제

Array.unshift : 맨 앞에 삽입
Array.shift : 맨 앞에 거 삭제

Array.concat : 다중 배열 병합
❗️참고) concat을 사용해도 원본 배열은 변경되지 않는다.

fruit.concat(["cherry", "banana"])
// fruit라는 배열 뒤에 "cherry"와 "banana" 추가

---

sort, reverse, join

Array.sort(): 배열 정렬(오름차순으로)
Array.reverse() : 배열 반대로 정렬

Array.join() : 배열 값을 문자열로 반환   ([ ] => "")

const elements = ['Fire', 'Air', 'Water'];

console.log(elements.join());
// expected output: "Fire,Air,Water"

console.log(elements.join(''));
// expected output: "FireAirWater"

console.log(elements.join('-'));
// expected output: "Fire-Air-Water"

---

Array.isArray

Array.isArray: 배열 타입 확인

Array.isArray([1, 2, 3]);  // true
Array.isArray({foo: 123}); // false
Array.isArray('foobar');   // false
Array.isArray(undefined);  // false

---

delete, splice

delete Array[index] : 배열 일부 요소 삭제
                                            (But, 삭제해도 배열 사이즈가 그대로인 문제점有)

Array.splice() : 삭제

fruit.splice([1, 2])
// fruit라는 배열의 1번 인덱스에서 2개 삭제

fruit.splice([1, 1, "mango", "kiwi"])
// fruit라는 배열의 1번 인덱스에서 1개 삭제 후
// 그 자리에 "mango"와 "kiwi" 추가

---

slice

slice(start, end) : start부터 end까지 반환(위치기반)
                                        end가 없다면 start부터 배열 끝까지 반환해준다.

const animals = ['ant', 'bison', 'camel', 'duck', 'elephant'];

console.log(animals.slice(2));
// expected output: Array ["camel", "duck", "elephant"]

console.log(animals.slice(2, 4));
// expected output: Array ["camel", "duck"]
// ❗️참고) slice를 사용해도 원본 배열은 변경되지 않는다.

---

split

split(separator, limit) : 문자열을 separator로 구분한 배열을 반환해준다.

const str = 'The quick brown fox jumps over the lazy dog.';

const words = str.split(' ');
console.log(words[3]);
// expected output: "fox"

const chars = str.split('');
console.log(chars[8]);
// expected output: "k"

const four = str.split(' ', 4);
console.log(four);
// expected output: ["The", "quick", "brown", "fox"]

---

includes, indexof

Array.includes() : 값이 있으면 true, 없다면 false

const array1 = [1, 2, 3];

console.log(array1.includes(2));
// expected output: true

Array.indexof(value, numberth) : value 값이 있는 index를 반환한다.

( 배열에서 지정된 요소를 찾을 수 있다면 해당
인덱스를 반환하고 존재하지 않으면 -1을 반환한다. )

const beasts = ['ant', 'bison', 'camel', 'duck', 'bison'];

console.log(beasts.indexOf('bison'));
// expected output: 1

console.log(beasts.indexOf('bison', 2));
// expected output: 4
// 두번째에 있는 'bison'의 index를 반환한다.

indexof로 값이 있는지(true) 없는지(false) 알아내기👇

let arr = ['apple', 'banana', 'mango']


arr.indexof('mango') !== -1
// true

arr.indexof('없는값') !== -1
// false
// '-1'이라는 것은 배열에 값이 없다는 것을 의미한다.

참고 링크