JS 메서드 sort,join

sort

• sort 란?

자바 스크립트의 sort 메서드는 배열의 요소를 정렬하는데 사용된다.
기본적으로 sort 메서드는 요소를 문자열로 취급하여
사전순으로 정렬한다.
숫자 배열을 정렬하려면 비교함수를 제공해야한다.

 

• 예시

• 문자열 배열을 사전순으로 정렬

const arr = ['bbb','aaa','ccc']

arr.sort ()
console.log(arr) // 출력['aaa','bbb','bbb'] // 사전 순으로 정렬됨

• 숫자 배열을 오름차순으로 정렬

const num = [3,1,5,2,4]

num.sort((a,b) => a - b)// 시작지점이 a 끝나는 부분이 b => a 에서 b 순서대로 정렬
console.log(num) // 출력[1,2,3,4,5]

• 숫자 배열을 내림차순으로 정렬

const num = [1,5,3,2,4]

num.sort((a,b) => b - a) // 시작지점이 a 끝나는 부분이 b => b 에서 a 순서대로 정렬
console.log(num) // 출력[5,4,3,2,1]

---

join

• join 이란?

join 메서드는 배열의 모든 요소를 연결하여 하나의 문자열로 만드는 메서드이다.
이 메서드는 배열의 요소를 지정한 구분자(separator) 로 연결하여 문자열을 반환한다.
만약 구분자를 지정하지 않으면 기본적으로 ,(쉼표) 를 사용한다.

 

• 기본구문

arr.join(구분자)

 

• 예시

• 구분자 x

const arr = [1,2,3,4,5]
const res = arr.join()
console.log(res) // "1,2,3,4,5" // 구분자를 사용하지 않았기때문에 문자열로 바뀐뒤 쉼표사용

• 구분자 지정

const arr = [1,2,3,4,5]
const res = arr.join('-') // 구분자 - 사용
console.log(res) // "1-2-3-4-5" 

const arr = [1,2,3,4,5]
const res = arr.join('+') // 구분자 + 사용
console.log(res) // "1+2+3+4+5"

const arr = [1,2,3,4,5]
const res = arr.join('=') // 구분자 = 사용
console.log(res) // "1=2=3=4=5"

• 빈 문자열 사용

const arr = [1,2,3,4,5]
const res = arr.join('')
console.log(arr) // "12345" // 배열의 요소를 바로 연결할 수 있음

 

• 문자열 배열에 사용

const about = ['my','name','is','hong']
const me = about.join(" ") // 띄어쓰기 사용
console.log(me) // "my name is hong"

 

• 배열의 요소가 빈 문자열이거나 nudefined 인 경우

const about = ['my','name',undefined,'is','hong']
const me = about.join(" ") // 띄어쓰기 사용
console.log(me) // "my name  is hong"