[JavaScript] 배열(array) 함수들(reverse, indexOf, splice, from, join)

Array.reverse()

배열의 순서를 반전 시킨다.

 

const a = [1, 2, 3];
console.log(a); // [1, 2, 3]

a.reverse();
console.log(a); // [3, 2, 1]

 

관련한 프로그래머스 코딩테스트 연습문제이다.

<자연수 뒤집어 배열로 만들기>

프로그래머스

---

Array.indexOf

indexOf(searchElement, fromIndex) 형식으로 사용하며
배열에서 주어진 요소를 찾을 수 있는 첫 번째 인덱스를 반환하고, 찾을 수 없는 경우 -1을 반환한다.

 

searchElement : 찾고자 하는 요소

 

fromIndex(optional): 검색을 시작할 index (위의 예제 5번 라인에서 (9,2)인 경우 2번 인덱스부터 검색이 시작된다.)

                    음수 인덱스는 배열의 끝부터 거꾸로 센다.

                    즉, fromIndex < 0이면, fromIndex + array.length가 사용됨.

                    그러나, 이 경우에도 배열은 여전히 앞에서 뒤로 검색된다.

 

return 값 : searchElement의 첫번째 인덱스. 찾을 수 없으면 -1.

 

const array = [2, 9, 9];

array.indexOf(2); // 0
array.indexOf(7); // -1
array.indexOf(9, 2); // 2
array.indexOf(2, -1); // -1
array.indexOf(2, -3); // 0

---

Array.splice()

 array.splice(start, deleteCount, item1, item2, ...) 형식으로 사용하며
배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경

 

start : 배열의 변경을 시작할 인덱스

 

deleteCount(optional) : 배열에서 제거할 요소의 수

 

item1, item2, ...(optional) : 배열에 추가할 요소.(아무 요소도 지정하지 않으면 splice()는 요소를 제거)

 

return 값 : 제거한 요소를 담은 배열 (아무 값도 제거하지 않았으면 빈 배열 반환)

 

const months = ['Jan', 'March', 'April', 'June'];
months.splice(1, 0, 'Feb');
//인덱스 1 자리에 삽입
console.log(months); // Array ["Jan", "Feb", "March", "April", "June"]

months.splice(4, 1, 'May');
// Replaces 1 element at index 4
console.log(months); Expected output: Array ["Jan", "Feb", "March", "April", "May"]

 

관련한 프로그래머스 코딩테스트 연습문제이다.
<제일 작은 수 제거하기>

프로그래머스

 

function solution(arr) {
    arr.splice(arr.indexOf(Math.min(...arr)),1);
    if(arr.length<1)return[-1];
    return arr;
}

---

Array.from()

Array.from(arrayLike, mapFn(element, index), thisArg) 형식으로 사용하며
순회 가능(iterable) 또는 유사 배열(array-like) 객체에서
얕게 복사(shallow-copied)된 새로운 Array 인스턴스를 생성합니다.

 

arrayLike : 배열로 변환할 순회 가능 또는 유사 배열 객체

 

mapFn(element, index) (optional) : 배열의 모든 요소에 대해 호출할 함수

                                                          두가지 인수로 인해 호출되는데,

                                                          element : 배열에서 처리 중인 현재 요소

                                                          index : 배열에서 처리 중인 현재 요소의 인덱스

 

thisArg (optional) : mapFn 실행 시에 this로 사용할 값

 

//String으로 배열 만들기
console.log(Array.from('foo')); // Array ["f", "o", "o"]

//Array function 활용하기
console.log(Array.from([1, 2, 3], (x) => x + x)); // Array [2, 4, 6]
console.log(Array.from({ length: 5 }, (v, i) => i)); // [0, 1, 2, 3, 4]

---

Array.join()

arr.join([separator]) 형식으로 사용하며
배열의 모든 요소를 연결해 하나의 문자열로 만든다.

 

separator (optional) : 배열의 각 요소를 구분할 문자열을 지정

 

return 값 : 배열의 모든 요소들을 연결한 하나의 문자열을 반환

 

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

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

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

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

---