Javascript의 sort에 대해 알아보자.

코딩테스트 준비를 하면서 sort() 메서드를 반복적으로 사용하다보니 궁금증이 생겨서 적어두려고 한다. 1. Sort() 란? Array.prototype.sort() sort() 메서드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환합니다. 정렬은 stable sort가 아닐 수 있습니다. 기본 정렬 순서는 문자열의 유니코드 코드포인트를 따릅니다. - MDN 주로 배열을 정렬하고자 할 때 많이 사용하는 메서드이다. python에서는 배열뒤에 sort() 메서드를 사용하면 오름차순으로 정렬되지만 javascript에서 sort() 메서드를 이용하게 되면 사용자의 생각처럼 오름차순 정렬이 되지 않는다. // Python Code - 예시 1 list_num = [33, 2, 81, -77, 44,..

2023.08.30

parseInt()와 '+' 연산자의 차이

코딩테스트 문제를 풀고 난 후, 다른 사람들의 코드를 보면 어떤 사람은 parseInt()를, 어떤 사람은 '+' 연사자를 사용했다. 문득 둘의 차이가 궁금하여 찾아보게 되었다. 1. parseInt() parseInt() 함수는 문자열 인자를 파싱하여 특정 진수(수의 진법 체계에서 기준이 되는 값)의 정수를 반환합니다. - "mdn" https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/parseInt mdn 에서 알려주고 있는 parseInt() 함수에 대한 설명이다. 간단한 예시 코드를 보자. cosnt numString = '10'; console.log(parseInt(numString)); // 10 cons..

2023.07.18

[Vanilla JS] - 4. 배열의 특정 값 삭제하기.

배열안의 특정 값을 삭제하는 방법에 대해 알아봤다. 1. 배열 전체 값 삭제하기. 1) 값이 있던 배열을 빈 배열로 할당하기. let arr = ["a", "b", "c"] arr = []; 2) 값이 있던 배열의 길이를 0으로 할당하기. let arr = ["a", "b", "c"] arr.length = 0; 2. 배열의 첫번째 값 삭제하기. - shift() let arr1 = [1,2,3] arr1.shift(); /* arr1 = [2,3] */ 3. 배열의 뒤에서 삭제하기. 1) 배열의 길이로 삭제하기 let arr1 = [1,2,3,4] arr1.length = 2; /*arr1 = [1,2] */ 2) pop() let arr1 = [1,2,3,4,5]; arr1.pop(); /* arr1..

2022.01.14

[Vanilla JS] - 3. parentNode vs parentElement

parentNode 와 parentElement 전에 node 와 element의 차이점을 먼저 짚고 넘어가자. 1. node와 element 1) node HTML DOM을 node라고 부르며 계층적 단위 정보를 저장. HTML DOM은 이러한 node들을 정의하고, 그들 사이의 관계를 설명해주는 역할. node들의 집합을 node tree(노드 트리) 라고 부름. 자바스크립트에서는 HTML DOM을 이용하여 노드 트리에 포함된 모든 노드에 접근 가능. 2) element HTML Tag를 말함. 3) 예시자료 테스트입니다. 위의 예시 코드를 볼 때, 모든 태그노드와 텍스트노드를 node라 하고, 텍스트노트를 제외한 태그만을 element라 함. 2. parentNode 와 parentElement 1..

2022.01.13

[Vanilla JS] - 2. 원하는 문자 앞뒤로 채워넣기 - padStart() , padEnd()

1. padStart(maxLength, "") - String 형태의 변수 뒤에 사용. 최대길이까지 해당 문자를 앞에서부터 채움. - 예시) "1".padStart(2, "0") --> 01 출력. 2. padEnd(maxLength, "") - padStart와 반대. - 예시) "1".padEnd(2, "0") --> 10 출력. ※ 주의사항 : String 형태의 경우에만 사용가능.

2022.01.12