JS 공부20 JS문법종합반 2주차 과제 // 배열을 정렬하는 메서드 sort(), 기본 설정이 오름차순임// 콜백함수에서 정렬 기준을 정할 수 이씀// 문자열 비교를 위해 localCompare()를 써야하나?// n번째 인덱스 요소가 같을 경우의 조건도 설정해줘야 할 듯? 아닌가 알아서 정렬하나?// 무튼 조건에 맞게 정렬한 strings를 answer에 넣어주면 끗function solution(strings, n) { var answer = []; let new_strings = strings.sort(function(a, b) { // 글자 비교를 한 값을 담을 변수 설정, 값은 글자가 다르면 1 또는 -1, 같으면 0 let compare = a[n].localeCompare(b[n]); .. 2024. 11. 5. JS문법종합반 정리 1주차 02 - 반복문, 생성자함수 통한 객체 생성, 배열 관련 메서드 [ 반복문 ]for...in문 객체의 key를 기준으로 value를 순서대로 출력할 수 있는 구문/* 기본 구조 */for (let key in 객체명) {}/* 예시 */let person = { name : "Bob", age : 25, gender : "male" }for (let key in person) { console.log(key + ": " + person[key]);} // 반환name : Bobage : 25gender : male while문 for문과 달리 증감을 실행 로직에서 진행/* 기본구조 */while (조건식) { 실행로직; 증감식;}/* 예시 */let i = 0while (i do...while문do문이 먼저 오기 때문에, 조건에 부합하지 않더라도 로직이 최소 .. 2024. 11. 4. JS문법종합반 1주차 과제 1번 문제 풀이1) 구조 생각해보기문자열 s가 입력됨 s에서 p나 y가 0개라면 answer = 'true' p와 y의 개수가 같다면 answer = 'true' 다르다면 answer = 'false' 2) p나 y의 개수를 셀 방법 구상하기문자열에서 특정문자의 개수를 알아내는 방법이 뭘까?문자열을 배열로 만들고 배열의 특정 요소를 찾는 메서드를 활용하면 될 것 같다문자열을 배열로 만드는 법엔 ...연산자, Array.from(), 또는 split() 등이 있다안 해본 방법인 Array.from()을 활용해보자let str = "Hello!"/* ...연산자 활용 */let array1_str = [...str];console.log(array1_str); // 반환 : ["H", "e", "l", "l.. 2024. 11. 4. JS문법종합반 정리 1주차 01 - 자료형 보충, 문자열 관련 메서드, 형 변환, 삼항 연산자, 객체 관련 메서드 UX user experience, 사용감 정도의 의미인 듯 하네 동적타이핑 변수 선언시 데이터 타입을 지정하지 않고, 런타임 시점에서 타입이 결정됨 선언 방식 간 차이var는 재선언이 가능하지만, let과 const는 재선언이 불가능var와 let은 재할당이 가능하지만, const는 재할당이 불가능 지수형 숫자 타입 Exponential(exp)let num = 2.5e5; // 2.5에 10의 5승을 곱했다는 의미console.log(num); // 반환 : 25000 Infinity와 -Infinity/* Infinity */let num1 = 1 / 0;/* -Infinity */let num2 = -1 / 0; 문자열 관련 메서드length : 문자열의 길이 확인(문자 개수 확인, 공백이.. 2024. 11. 3. 웹 UI개발 기초강의 정리 02 [ Script ].toFixed()숫자의 소수점 부분을 반올림해주는 메서드. 주의할 점은 변환 결과가 문자형임모든 숫자형 뒤에 붙일 수 있으며, 파라미터로는 반올림 받을 자리수를 입력함let pi = 3.141592;/* 자리수 지정 안 했을 때 */console.log(pi.toFixed()); // 결과 : 3, 정수 부분만 남겨줌/* 자리수 지정 했을 때 */console.log(pi.toFixed(2)); // 결과 : 3.14, 지정한 만큼의 소수점 자리수까지 남겨줌 parseFloat()와 parseInt()문자형 꼴의 숫자를 숫자형으로 변환해주는 함수. float는 실수로, int는 정수로 변환해줌parseInt()를 적용했을 때, 소숫점 이후는 버림 판정let pi = "3.141592.. 2024. 10. 28. 웹 UI개발 기초강의 정리 01 [ Script ]setTimeout()정해진 시간 후에 명령을 실행하도록 하는 JS 기본 함수.시간 초가 다 되기 전에 중단하고 싶다면 clearTimeout() 함수를 실행하면 됨/* 기본 구조 */setTimeout(함수, 시간);입력한 시간이 다 되면 입력한 함수의 코드를 실행함. 시간은 ms단위(1초 = 1000ms)/* 5초 후에 "Hi!"를 출력해보자 */function sayHi(Word) { console.log(Word);}/* 함수 구문을 직접 넣을 수도 있고 */setTimeout(function() {console.log("Hi!")}, 5000);/* 함수명을 넣을 수도 있음 */setTimeout(sayHi("Hi!")), 5000); setInterval()정해진 시간.. 2024. 10. 27. 이전 1 2 3 4 다음