Web/Javascript 35

[Javascript] sort

sort 메서드는 기본 내장 자바스크립트 정렬로, 선택적 비교 함수를 인자로 전달받는다. 이 함수를 사용해 자바스크립트에 우리가 원하는 정렬 방식을 알릴 수 있다. sort((a, b) => a-b); 형식으로 정렬하는데, 반환 값(a-b)이 양수이면 a가 더 큰 것이므로 a가 b뒤로 정렬된다. 이와 같은 방식으로 반환 값이 음수이면 a가 더 작은 것이므로 a가 b앞에 가고, 반환 값이 0이면 동일하게 취급된다. 주로 오름차순 정렬을 하고싶을 때는 sort((a, b) => a-b)를, 내림차순 정렬을 하고싶을 때는 sort((a, b) => b-a)를 사용한다.

Web/Javascript 2023.01.24

[Javascript] localStorage와 sessionStorage

localStorage: 브라우저에서 나가도 (재접속해도) 데이터가 남아있음 sessionStorage: 브라우저 끄면 데이터 사라짐 ​ localStorage setItem('key', 'value') value는 항상 문자열이어야 됨 (객체나 배열 저장하고 싶으면 JSON.stringy 사용하여 자체를 문자열로 만들어 주어 저장) getItem('key') value 값을 가져오는 함수 (문자열 된 객체나 배열을 원래 데이터 타입으로 바꾸려면 JSON.parse 사용) removeItem('key') 해당 데이터 삭제

Web/Javascript 2023.01.12

[JS 100제] 6-10

6) False 다음은 자바스크립트 문법 중에서 False로 취급하는 것들입니다. 앗, False로 취급하지 않는 것이 하나 있네요! True를 찾아주세요. NaN 1 "" 0 undefined -> null, undefined, NaN, 0, 빈 문자열, false를 제외하고는 모두 참이다. 7) 변수명 다음 중 변수명으로 사용할 수 없는 것 2개를 고르시오. age Age let _age 1age -> 자바스크립트 변수명은 문자, _, $로 시작해야 한다. (let은 변수를 선언할 때 사용하는 예약어라 변수명으로 사용 불가능) 8) 객체의 키 이름 중복 자바스크립트 객체를 다음과 같이 만들었다. 출력 값을 입력하시오. (출력 값은 공백을 넣지 않습니다. ) var d = { 'height':180, ..

Web/Javascript 2022.12.20

[JS 100제] 1-5

1) 배열의 삭제 다음 배열에서 400, 500를 삭제하는 code를 입력하세요. var nums = [100, 200, 300, 400, 500]; // splice는 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경한다 // splice(시작 인덱스, 삭제할 요소 개수, 추가할 요소) nums.splice(3, 2); splice는 삭제된 요소를 반환하여 nums.splice(3, 2)를 하면 [400, 500]이 반환된다. 이후 nums를 출력해보면 [100, 200, 300]만 남아있는 것을 확인할 수 있다. 2) 배열의 내장 함수 부분에 배열 내장 함수를 이용하여 코드를 입력하고 다음과 같이 출력되게 하세요. 데이터 var arr = [200, 100, 300]; ..

Web/Javascript 2022.12.11

[Javascript] 모던 JS 6.6 (객체로서의 함수와 기명 함수 표현식) 과제

1) 숫자 설정과 감소가 가능한 counter 만들기 function makeCounter() { let count = 0; function counter() { return count++; } counter.set = (value) => count = value; counter.decrease = () => count--; return counter; } 2) 임의의 수만큼 있는 괄호를 이용해 합계 구하기 function sum(a) { let currentSum = a; function f(b) { currentSum += b; return f; } f.toString = function() { return currentSum; }; return f; }

Web/Javascript 2022.07.08

[Javascript] 모던 JS 6.3 (변수의 유효범위와 클로저) 과제

1) Does a function pickup latest changes? -> Pete 2) Which variables are available? -> Pete 3) counter는 독립적일까요? -> counter과 counter2는 독립적인 렉시컬 환경을 갖게 되므로 0,1이 출력된다. 4) counter 객체 -> 잘 동작한다. (Counter 내부의 두 중첩 함수는 동일한 외부 렉시컬 환경에서 만들어졌기 때문에 같은 count 변수를 공유한다.) 5) if 문 안의 함수 -> 에러 발생 (sayHi 함수는 if 문 안에서 정의했기 때문에 if 문 안에서만 사용 가능) 6) 클로저를 이용하여 합 구하기 function sum(a) { return function (b) { return a+b; ..

Web/Javascript 2022.07.04