[유튜브 '드림코딩'] 자바스크립트(JavaScript ES6) 9강 (1)

배열 함수, Array APIs, join, split, reverse, slice

오늘 내가 배운 것

.join() //join(separator?)

배열에 있는 모든 데이터를 더해서 string으로 리턴해준다. 기본은 쉼표(,)로 구분된다.

(선택) separator : string

Ex ) .join(’|’);

 

 

.split() //split(separator, limit?)

string을 배열로 바꿔 준다.

limit 는 string이 여러 개로 있을 때 지정한 값까지만 배열로 바꿔 준다.

(필수) separator : string 

(선택) limit : number 

 

.reverse() //reverse()

배열의 순서를 거꾸로 한다. 리턴 값만 순서가 바뀌는 게 아니라 배열 자체도 순서가 바뀐다.

 

.slice() //slice(start?, end?)

배열 자체를 수정하지 않고 지정한 부분을 출력하여준다.

(선택) start : number

출력할 시작 index를 적는다.

(선택) end : number

출력할 마지막 index + 1 을 적는다.

end로 적는 부분은 제외되고 그전까지

출력된다.

 

splice vs slice

splice는 배열 자체를 수정하는 것이기 때문에

결과, 배열 모두 수정되어 출력되지만

slice는 배열은 그대로 두고 원하는 것만 지워서 출력해준다.

 

 

---

동영상 보면서 따라 적어보기

// Q1. make a string out of an array
{
    const fruits = ['apple', 'banana', 'orange'];
    const result = fruits.join();
    console.log(result);            //apple,banana,orange
    const result2 = fruits.join('ㅁ');
    console.log(result2);           //appleㅁbananaㅁorange
  }
  
  // Q2. make an array out of a string
  {
    const fruits = '🍎, 🥝, 🍌, 🍒';
    const result = fruits.split(',');
    console.log(result);
  }
  
  // Q3. make this array look like this: [5, 4, 3, 2, 1]
  {
    const array = [1, 2, 3, 4, 5];
    const result = array.reverse();
    console.log(result);
    console.log(array);

  }
  
  // Q4. make new array without the first two elements
  {
    const array = [1, 2, 3, 4, 5];
    const result = array.slice(2,4);
    console.log(result);
    console.log(array);
  }