본문 바로가기

Web Front-end/javaScript

자바스크립트 배열 다루기(sort, join)

반응형

1.Sort()

 

Number 정렬하기

        const data = [3, 1, 33, 6, 12, 1152, 92]
        const sort = data.sort()
        console.log(sort) // 1, 1152, 12, 3, 33, 6, 92

기본 정렬 순서는 문자열의 유니코드 코드 포인트를 따르기 때문에 위와 같이 결과가 나온다.

 

 

오름차순 정렬하기

        const sortAscending = data.sort(function (a, b) {
            return a - b
        })
        console.log(sortAscending) //1,3,6,12,33,92,1152

 

내림차순 정렬하기

        const sortDescending = data.sort(function (a, b) {
            return b - a
        })
        console.log(sortDescending) //1152, 92, 33, 12, 6, 3, 1

 


 

2. join()

배열에 문자열 추가하기

        const data = [1,3,6,12,33,92,1152]
        
        // + 추가
        const addPlus = data.join('+');
        console.log(addPlus) // 1+3+6+12+33+92+1152
        
        // , 추가
        const addComma = data.join(',');
        console.log(addComma) // 1,3,6,12,33,92,1152
        
        
        //join은 배열 요소를 'string'으로 변환한다.
        console.log(typeof (data[0])) //number
        console.log(typeof (addPlus[0])) //string

 

 

문자열 제거하고 숫자만 리턴하기

        const data = [1,3,6,12,33,92,1152]
        const addPlus = data.join('+');
        console.log(addPlus) // 1+3+6+12+33+92+1152
        
        //+를 지우고 공백으로 치환
        const removePlus = addPlus.replace(/\+/g, ' ')
        console.log(removePlus) //1 3 6 12 33 92 1152
        
        
        //g가 빠졌을때는 1번만 치환
        const removePlus = addPlus.replace(/\+/, ' ')
	console.log(removePlus) //1 3+6+12+33+92+1152

replace(a,b) 는 a를 b로 치환한다.

/ / 로 정규식 표현을 쓸수있는데

특수문자는 정규식에서 \특수문자 형태로로 쓸 수 있고

정규식이 끝나는 부분에 플래그(옵션)를 쓸수 있는데  g는 globalsearch, 모든 패턴을 검색한다.

 

 

 

반응형