Javascript-15 (join, split, reverse)

faunus·2021년 4월 25일
0

Javascript

목록 보기
15/18
post-thumbnail

아무래도 Array(배열)를 쪼개고, 비틀고 만져야하는 경우가 많이 있기 때문에 Array에서 사용 할 수 있는 몇 가지 API들을 알아보려고 한다.

join( )

join은 Array를 벗긴 상태의 string으로 만들어준다.

{
	const numbers = ['a', 'b', 'c', 'd'];
    const result = numbers.join(", and");
  	console.log(result);
}

이렇게 해주게 되면 결과 값이

a, and b, and c, and d

라고 Array를 벗긴 상태로 나오게 된다.

split( )

그렇다면 이번에는 join과 반대되는 api를 알아보자!
split을 활용하면 string을 array 형태로 만들어볼 수 있다.

{
  const alphabet = "a, b, c, d";
  const result = alphabet.split(",");
  console.log(result); 
}

split을 활용하면 구분자(,(쉼표)로 나눠진) 정보를 다 보여주게 되며, 그 결과 값으로는 아래와 같이 나온다

["a", "b", "c", "d"]

또 다른 예제를 만들어보자!

{
  const alphabet = "a, b, c, d";
  const result = alphabet.split(",", 2);
  console.log(result); 
}

두번 째 줄의 result의 경우 split안에 두 개의 인자가 들어갔다.
뒤에 있는 2는 앞에서 2개만 보여달라는 뜻인데, 이는 생략이 가능하다.
따라서 그 결과 값은 아래와 같다.

["a", "b"]

하지만 구분자는 필수적으로 넣어줘야한다.

reverse( )

reverse는 말 그대로 순서를 거꾸로 만들어준다.
또한 return을 배열로 나오게 한다.

{
  const numbers = [1, 2, 3, 4, 5];
  const result = numbers.reverse();
  console.log(result);
  console.log(numbers);
}

이에 대한 결과 값은 아래와 같으며, reverse를 한번 하고 나면, 원래의 값 또한 바뀌게 된다.

[5, 4, 3, 2, 1]
profile
예술을 사랑하는 개발자

0개의 댓글