뚝딱햄 탈출기

sort()JS 배열 객체에 내장된 메서드.배열의 요소를 적절한 위치에 정렬.배열의 요소를 문자열로 변환 후, 문자열의 유니코드 포인트 순서에 따라 정렬. 그렇기에 숫자를 정렬하려고 해도, 문자처럼 정렬됨을 확인할 수 있음.const arr = [40, 100, 1, 5, 25, 10];arr.sort();console.log(arr); // [1, 10, 100, 25, 40, 5] 따라서 비교 함수를 함께 사용해야 함.sort() 메서드의 비교 함수는 두 개의 인자를 받아, 리턴 값에 따라 정렬 순서를 결정하는 값을 반환함.비교 함수가 양수를 반환하면 인자 두 개의 위치를 바꾸고, 음수나 0을 반환하면 위치를 그대로 유지함.function compare(a, b) { // ...}문자열 정렬// 오..

템플릿 리터럴은 문자열 내에 변수를 쉽게 삽입하기 위해 사용. 일반적인 문자열과 달리 백틱(`) 문자로 감싸지며, '${}' 안에 변수명을 작성해 사용한다. const student = { id: "hyrmzz1", grade: 4 }; const greetingPlus = "어서오세요 " + student.grade + "학년 " + student.id + "님."; const greetingBacktick = `어서오세요 ${student.grade}학년 ${student.id}님.`; console.log(greetingPlus); // 어서오세요 4학년 hyrmzz1님. console.log(greetingBacktick);// 위와 결과값 같음. 여러 줄의 문자열을 '\n' 없이 작성할 수도 있..

산술 연산자 숫자 뿐 아니라 문자열도 산술 연산자 사용 가능. => + 연산시에만 숫자와 문자열의 연산 결과 다름. int와 float 섞어 연산 가능. console.log(20 + 10);// 30 console.log("20" + "10");// 2010 console.log("he" + "llo");// hello console.log("20" - "10");// '20 - 10'와 연산 결과 같음. console.log("20" * "10");// '20 * 10'와 연산 결과 같음. console.log("20" / "10");// 2. '20 / 10'와 연산 결과 같음. 나눗셈 결과 출력. console.log("20" % "10");// 0. '20 % 10'와 연산 결과 같음. 나머지 ..

프로퍼티와 메서드에 대해서는 아래 포스팅의 객체(Object) 파트를 참고하자. 2023.08.07 - [Programming language/JavaScript] - [JavaScript] 데이터 타입 arr.join(); 후에도 arr는 join() 메서드 사용 전과 같은 상태. const elements = ['Fire', 'Air', 'Water']; console.log(elements.join());// "Fire,Air,Water" console.log(elements.join(", "));// "Fire, Air, Water" console.log(elements.join(''));// "FireAirWater" console.log(elements.join('-'));// "Fire-Ai..

자료형 (데이터 타입, data type) 종류 String Number Function Array Object Boolean undefined null 문자열 (String) "" 또는 '' 안에 작성된 데이터. " 와 ' 는 혼용할 수 없음. var str1 = "Hello"; var str2 = 'World'; var str3 = "20";// 따옴표 안에 작성되었으므로 숫자가 아닌 문자열. 문자열에 따옴표가 포함된 경우 아래와 같이 작성하면 따옴표 출력 가능. var str4 = "I'm student";// 문자열 내부에 '가 쓰인다면 큰 따옴표로 감싸거나 var str5 = 'I\'m student';// 작은 따옴표로 감싼다면 문자열 '의 앞에 역슬래시 넣기. 숫자 (Number) 별도의 기..

Javascript 사용법 (HTML과 연동하는 방법) 별도의 JS 파일 생성 html 파일에서 태그 맨 아래에 작성. HTML 내부에 작성 HTML의 JS는 웹사이트의 콘솔창에서 확인할 수 있다. HTML 파일에서 CSS와 JS 모두를 가져온다. => css 는 에서 link:css 입력해서 가져오기. // 의 단축어 => javascript는 맨 아래에서 작성.