자주 사용하는 배열 메소드 - join,indexOf,slice,concat

접근자 메소드는 배열을 다른 형태로 가공한 새로운 배열을 반환하며,

원본 배열은 수정하지 않는다.

 

배열.join('구분자')

배열을 문자로 바꿔줌

(수정 메서드의 split과 반대기능)

let arrayJoin = ['my','name','is','javascript'];
let resultJoin = arrayJoin.join('/');
 
console.log(resultJoin);
//expected output: "a/b/c/d/e"
 
//만약 그냥 구분자 없는 문자열로 만들고 싶을 경우
let resultJoin2 = arrayJoin.join('');
//expected output: "abcde"

---

배열.indexOf(data, index)

일치하는 문자(data)의 인덱스 번호를 리턴, 없으면 -1 리턴. 

두번째 인수 index는 검색을 시작할 위치(따로 지정하지 않으면 인덱스 값이 작은 쪽부터 검색) 

 

let arrIndexOf = ['a','b','c','d','e','f','g'];
 
//d를 두번째 인덱스(c)부터 검색 
arrIndexOf.indexOf(d,2);
//expected output:3
 
//d를 다섯번째 인덱스(즉 f)부터 검색 
arrIndexOf.indexOf(d,5)
//expected output:-1
 

 

---

배열.lastIndexOf(data, index)

 

일치하는 문자(data)의 인덱스 번호를 리턴, 없으면 -1 리턴.

두번째 인수 index는 검색을 시작할 위치(따로 지정하지 않으면 인덱스 값이 큰 쪽부터 검색) 

 

---

배열.slice(begin, end)

배열 안에서 배열[begin]부터 배열[end-1]을 잘라서 새로운 배열로 만든다.

let array = [0,1,2,3,4,5,6,7];
 
 
//array[3]부터 array[4]까지 잘라서 반환
let result = array.slice(3,5);
 
console.log(result);
// expected output: [3,4]
 

배열1.concat(배열2);

배열1에 배열2를 추가한 새로운 배열을 반환한다.

let arrConcat1 = ['my','name','is'];
let arrConcat2 = ['javascript','hahaha','wow'];
 
//arrConcat1에 arrConcat2를 이어붙혀 새로운 배열을 만들어 반환 
let rsConcat = arrConcat1.concat(arrConcat2);
console.log(rsConcat);
//expected output:["my", "name", "is", "javascript", "hahaha", "wow"]