본문 바로가기

JavaScript

 (17)
[JS] sort(), localeCompare() 함수 (문자열비교) [ sort 함수 ]배열 요소를 정렬. 배열 자체(원본 배열)를 변경하며 정렬된 배열을 반환. array.sort([compareFunction]) * array : 정렬할 배열* compareFunction (선택) : 요소 간의 순서를 정의하는 함수.  (생략 시 사전식(lexicographical) 정렬  _요소들은 문자열로 변환되어 유니코드 순서로 정렬, 대소문자 구분X) (문자열정렬)let fruits = ["banana", "apple", "cherry"];fruits.sort();console.log(fruits); // ["apple", "banana", "cherry"] (숫자정렬)let numbers = [4, 2, 5, 10, 3];numbers.sort();console.log(nu..
[jQuery] .load() 함수 .load() HTML문서 / 서버에서 가져온 데이터를 선택한 요소에 로드하기 위해 사용. ( Ajax 요청 )페이지 일부를 동적으로 업데이트할 때 사용. $(selector).load(url, [data], [callback]);  - selector : jQuery 선택자. (데이터를 로드할 위치) - url : 데이터를 요청할 url. - data (선택사항) : 요청과 함께 서버로 전송할 데이터. - callback (선택사항) : 콜백함수 (로드작업 성공여부와 상관없이 실행)  ( html파일 )Content will be loaded here.Load Content=> 버튼을 클릭하면 ' content.html '의 내용이 '#content' 요소에 로드된다. (기본 GET요청) $('#con..
[JS] a링크 페이지 이동 막기_javascript:void(0), event.preventDefault() ' ' 태그 : 클릭 시 링크로 이동.' href = "#" ' => 브라우저의 페이지 최상단으로 이동. (페이지 리로드X)  javascript:void(0)주로 HTML에서 링크를 클릭했을 때 페이지를 리로드하거나 다른 페이지로 이동하지 않도록 하기 위해 사용. - javascript 브라우저에서 링크를 클릭했을 때 JavaScript 코드를 실행하도록 지시하는 프로토콜. - void : 결과를 무시하고 'undefined' 를 반환.-  void(0) : '0'을 평가하지만 그 값을 무시하고 'undefined' 를 반환.  '' 태그의 'href' 속성으로 사용 링크 링크 (태그) 클릭 => href = "javascript:void(0)" 으로 인해 페이지 이동이나 리로드가 일어나지 않음..
[JS] 배열값 비교 (include, '===') / Java_List 비교 * 배열요소 비교 ( include ) const arr = [1, 2, 3, 4, 5];console.log(arr.includes(2)); // true * includes() 함수는 내부적으로 '===' 연산자를 사용하여 요소를 비교하기 때문에 다른 타입은 비교 불가능.const mixedArr = [1, "2", 3];console.log(mixedArr.includes(2)); // falseconsole.log(mixedArr.includes("2")); // true 배열을 해체해서 비교해줘야 한다.const num = 2;const exists = mixedArr.some(value => value.toString() === num.toString());console.log(exists);..
[JS] 고차함수 (2) closure, currying [ 고차함수 (Higher-order function) ]함수형 프로그래밍에서 다른 함수를 인자로 받거나, 함수를 결과로 반환하는 함수. (추상화)  [ 결과를 함수로 반환하는 고차함수 ]ex) 클로저(closure), 커링(currying) [ Closure ]함수와 함수가 선언될 때의 렉시컬 환경(Lexical Environment)의 조합.=> 함수가 자신이 생성될 때의 환경을 기억.function makeCounter() { let count = 0; return function() { return count++; // 내부 함수가 외부 함수의 `count` 변수를 참조 };}let counter1 = makeCounter(); console.log(counter1..
[JS] 고차함수 (1) map, filter, reduce [ 고차함수 (Higher-order function) ]함수형 프로그래밍에서 다른 함수를 인자로 받거나, 함수를 결과로 반환하는 함수. (추상화)  [ 함수를 인자로 받는 고차함수 ]ex) 자바스크립트 배열 메소드  map( ), filter( ), reduce( ) ( TypeScript 의 타입정의 )* Array.prototype.map  /**     * Calls a defined callback function on each element of an array, and returns an array that contains the results.     * @param callbackfn A function that accepts up to three arguments. The map me..
[23-2] JavaScript의 최신 기능들 (REST, Destructuring) 236. REST  (spread와 비슷하지만 다름!) * 인수객체 (The Arguments Objects)모든 함수 내에서 사용가능한 array 형태의 객체. > length 속성 사용가능. > array 메소드(push/pop) 사용불가. > 화살표함수(arrow function) 에서 사용불가. function num() { console.log(arguments);}num();// Arguments [callee: ƒ, Symbol(Symbol.iterator): ƒ]// undefined// 인수(Arguments)가 비어있음num(10, 9, 8);// Arguments(3) [10, 9, 8, callee: ƒ, Symbol(Symbol.iterator): ƒ]// 0 : 1..
[23-1] JavaScript의 최신 기능들 (DEFAULT PARAMS, SPREAD) 232. 기본 매개 변수 (DEFAULT PARAMS) _ The old Way function print(num) { return num + 1;}print(5) // 6print(10) // 11print() // NaN ** * 기본 매개변수 지정(조건문으로 지정)function print(num) { if(num === undefined) { num = 0 } return num + 1;} (매개변수에 지정)function print(num = 0) { return num + 1;} print(5) // 6print(10) // 11print() // 1 **=> 매개변수가 없다면 default값인 0으로, print(0)으로 실행.   * 기본 매개변수가 여러개인 경우 (순서 중..

티스토리툴바