본문 바로가기
[Javascript] 자바스크립트 문자 정렬에 대한 모든 것 (sort, localeCompare ⭐️ ) 뭔가 문자열 정렬을 코딩 테스트 때 말고 사용하는 경우가 많이 없어서 익숙하지 않은 것 같아 한번 정리하려고 한다.  사실 자바스크립트에서 숫자 오름차순 정렬을 하게 되면 그냥 아래와 같이 간단하기 빼기 연산으로 해주면 된다. [1, 2, 5, -1].sort((a, b)=> a - b); 하지만 문자열은 이렇게 해서는 원하는 정렬을 기대하기가 어렵다.  "잘못된 코드"["apple", "Orange", "banana", "grape"].sort((a, b)=>a - b)// result ['apple', 'Orange', 'banana', 'grape'] 이렇게 하면 문자열 간 빼기 연산 진행을 못해 기존 문자열 그대로 반환이 된다.  그다음 해볼 수 있는 방법은 문자의 대소를 비교해서 1, -1, 0.. 2024. 11. 13.
[JavaScript] Arrow Function, 함수의 선언과 표현 ✅ Function fundamental building block in program subprogram can be used multiple times performs a task or calculates a value ✅ Function Declaration function name(param1, param2) { body ... return ;} one function === one thing naming: doSomething, command, verb e.g) crateCardAndPoint → createCard, createPoint function is object in JS function printHello() { console.log("Hello"); } printHello(); f.. 2021. 8. 11.
[Javascript] 자바스크립트 연산, 반복문 1. Numeric Operators console.log(1 + 1); //add console.log(1 - 1); //subtract console.log(1 / 1); //divide console.log(1 * 1); //multifly console.log(5 % 2); //remainder console.log(2 ** 3); //exponentiation -> 2의 3승 2. Increment and Decrement Operators PreIncrement let counter = 2; const preIncrement = ++counter; //same as //counter = counter + 1; //preIncrement = counter; console.log(`preIncre.. 2021. 8. 10.
[Javascript] 데이터 타입 이번 포스팅은 자바스크립트에서 사용되는 변수 선언 타입과 데이터 타입에 대한 이해! 그리고 dynamic Typing에 대한 이해를 해보려 한돠! 1. 변수 - rw(read/write) 📌 let (added in ES6) //let (added in ES6) //global name은 블럭 안, 블럭 바깥에서 모두 사용된다. // app이 실행되고나서부터 끝날때까지 계속 메모리에 유지되는 내용이니 //최소한으로 사용하는 것이 좋다! let globalName = "global name"; //block scope //블럭 내의 내용들은 블럭 바깥에서 접근이 불가능하다! { let name = "sieun"; console.log(name); name = "hello"; console.log(name).. 2021. 8. 10.
[Javascript] 콘솔 출력 && async와 defer의 차이점 오늘은 Javascirp 파일에 콘솔을 작성하고 출력하는 과정과 브라우저에서 스크립트 파일을 불러오는 여러가지 방법들에 대한 이해를 해보겠다. 1. Hello World 출력하기 Javascript 파일에 콘솔을 작성하고 출력하는 과정, 스크립트 파일을 불러오는 여러가지 방법들에 대한 설명 main.js console.log("Hello World"); 출력 확인 방법 node main.js VS code Live Server → Browser console 위 두 환경에서 모두 Hello World 가 실행되는 것을 확인할 수가 있다! 그 이유는 Node.js랑 Web Browser 모두 Console 에 관한 API가 존재하는 것! 2. Async & Def 2-1. Including in head .. 2021. 8. 10.
[JavaScript] Javascript: 브라우저의 역사 ✏️ 자바스크립트: 브라우저의 험난한 역사 1. NetScape 1993년 마크 앤더슨이 NetScape 회사를 설립했다. NetScape는 오직 HTML과 CSS 만을 사용하여 정적인 웹 사이트를 만들었는데 , 동적인 웹 사이트를 만들고 싶어 Scripting 언어를 만들고 싶어 하였고 그렇게 JavaScript가 탄생하였다. 2. MicroSoft - Internet Explorer 마이크로소프트는 NetScape를 "reverse engineering"을 통해 비슷한 인터넷 웹 브라우저를 만들어냈다. 3. ECMAScript 1 Language Specification 1997, 7월! 4. jQuery, dojo, mooTools 해당 라이브러리들의 api를 통해 함수를 사용하면, 더이상 브라우저.. 2021. 8. 10.
[자바스크립트(Javascript)]Object에서 특정 값만 추출하여 List 만드는 방법 오늘은 개발을 하던 중! 서버에서 안드로이드로 값을 전달하는 과정에서 난관에 부딪혔습니다...! 쿼리문을 통해 DB에서 데이터를 받아오니 결과 값은 [{to: 2}, {to:4}]의 형태를 보였습니다! 저는 key-value값이 아닌 단지 to의 value로 이루어진 List를 원했죠.‼️ 엄청 간단한 해결 방법이 있었습니다...두쿤...!🐶 result.map(a=>a.to); query(sql).then(function (result) { //result=[{to:2}, {to:4}] var numlist = result.map(a => a.to); console.log(numlist); //numlist=[2,4] }); 로 처리하면 결과 값은 [2,4]가 됩니다! ㅎㅎ Javascript는 미숙해.. 2020. 11. 25.
반응형

티스토리툴바