목록JavaScript (4)
요기도기의 하루하루
1. sort() 메서드에서 첫번째 주의할 점은 () 안에 compareFunction Optional 즉 정렬 순서를 정의하는 함수를 생략하면, 배열은 각 요소를 문자열로 변환하고, 문자열에 따라 각 문자의 유니 코드 코드 포인트 값에 따라 정렬됩니다. 2. 두번째 주의할 점은 반환값으로는 원 배열이 변환되기 때문에 만약 원 배열을 훼손시키고 싶지 않으면 slice() 를 통해 얕은 복사를 한 뒤 사용해주는게 좋다. //2개의 값을 비교했을때 양수면 순서가 바뀐다고 생각하면 됨. let arr = [6,10,2] arr.sort((a,b)=>a-b) // 1-1. 6 - 10 음수이기 때문에 값 변하지 않음 [6,10,2] // 1-2. 6 - 2 양수이기 때문에 순서 변함 [2, 10, 6] // 2..
프로그래머스 입문 문제를 푸는 도중 맞닥뜨린 문제를 해결하면서 깨닫게 된 점. 자바스크립트에서 문자열은 불변한다. 오류가 났던 코드. my_string.charAt(i).toLowerCase(); 자체로 my_string 값이 변하는줄 알았는데, 그게 아니기 때문에 다른 변수에 다시 담아줘야 한다는 기초적인 것을 다시 공부하는 계기가 되었다. function solution(my_string) { var answer = ''; for(let i = 0; i < my_string.length; i++) { if(my_string.charAt(i).toUpperCase() === my_string.charAt(i)) { my_string.charAt(i).toLowerCase(); } else { my_st..
코어 자바스크립트 - Chrome 으로 디버깅하기 요약 디버깅(debugging)이란 ? 스크립트 내 에러를 검출해 제거하는 일련의 과정을 뜻함. 1. Sources 패널 Sources 패널은 크게 세 개의 영역으로 구성됩니다. 파일 탐색 영역 – 페이지를 구성하는 데 쓰인 모든 리소스(HTML, JavaScript, CSS, 이미지 파일 등)를 트리 형태로 보여줍니다. Chrome 익스텐션이 여기 나타날 때도 있습니다. 코드 에디터 영역 – 리소스 영역에서 선택한 파일의 소스 코드를 보여줍니다. 여기서 소스 코드를 편집할 수도 있습니다. 자바스크립트 디버깅 영역 – 디버깅에 관련된 기능을 제공합니다. 곧 자세히 살펴보겠습니다. 2. 콘솔과 중단점 Console Esc를 누르면 개발자 도구 하단부에 콘솔..
1. join(separator?: string) :string; make a string out of an array Adds all the elements of an array into a string, separated by the specified separator string. join() 메서드는 배열에 있는 모든 아이들을 더해서 스트링으로 리턴하는데, 니가 전달해준 문자열을 통해서 구분자를 넣어서 모든 요소를 연결해 하나의 문자열로 만듭니다. object의 값도 변형시키는가? X 매개변수는 어떤 타입? string ///구분자를 넣지 않은 경우 const fruits = ['apple', 'banana', 'orange'] const result1 = fruits.join() console...