반응형

JavaScript 45

[JavaScript] Array에서 최대값/최소값 구하기 (apply 사용)

안녕하세요. Jay입니다. 오늘은 배열에서 최대값, 최소값 구하는 방법을 알아보도록 하겠습니다. 일반적으로 배열에서 최대값, 최소값을 구하기 위해서는 반복문을 사용합니다. 아마도 아래 소스와 같이 구현해야하지 않을까 생각합니다. 아주 간단한 소스임에도 불구하고 변수, 반복문, 조건문이 하나씩 들어가 있는 길다면 긴 코드가 구현이 되었습니다. var array = [1, 2, 3, 4, 5, 6, 7]; function getMax() { var max = array[0]; for(var i = 1; i < array.length; i++) { if(max < array[i]) max = array[i]; } return max; } function getMin() { var min = array[0]; ..

JavaScript 2020.04.11

[Element.classList] JavaScript를 이용한 클래스 제어

안녕하세요. Jay 입니다. 오늘은 JavaScript를 이용한 클래스 제어 방법에 대해서 알아보도록 하겠습니다. 먼저 Element.classList의 반환형은 'DOMTokenList'입니다. 이 DomTokenList의 메서드는 많은 것이 있지만, 오늘은 세가지만 살펴보려고 합니다. Element.classList.toggle toggle, 전등 스위치를 껐다 켰다 하는 행위 처럼, 0과 1이 반복되는 행위를 의미합니다. 즉, 기존 값이 0이었다면 1로 바뀌고 기존 값이 1이었다면, 0으로 바뀌게 됩니다. 그래서 toggle 메서드는 클래스가 존재한다면 클래스를 제거하고, 클래스가 존재하지 않는다면 클래스를 추가하는 메서드입니다. Element.classList.add 명시된 클래스를 추가하는 메서..

JavaScript 2020.04.07

[JavaScript] Math 정리

Math Object는 수학적인 일을 수행한다. Math Object Properties Property 설명 E 오일러 수 값 (Euler's number, 약 2.718) LN2 자연로그 log2 값 (약 0.693) LN10 자연로그 log10 값 (약 2.302) LOG2E 2를 밑으로 하는 logE 값 (약 1.442) LOG10E 10을 밑으로 하는 logE 값 (약 0.434) PI PI 값 (약 3.14) SQRT1_2 루트 1/2 값 (약 0.707) SQRT2 루트 2 값 (약 1.414) Math Object Methods Method 설명 예제 예제 결과 abs(x) 절대 값을 반환한다. Math.abs(-10) 10 ceil(x) 가장 근접한 정수로 올림. Math.ceil(11...

JavaScript 2019.12.10

[JavaScript][IE] script65535: 호출 개체가 잘못되었습니다.

Internet Explorer에서만 발생한 오류입니다. var obj = {}; toString.call(obj); 위와 같이 toString을 호출하며 obj를 매개변수로 던졌더니 오류가 발생했습니다. 참고로 Chrome에서는 정상적으로 동작하지만 IE에서만 발생한 문제입니다. 오류가 발생한 이유는 toString.call(obj) 호출하면 Object.prototype.toString 함수가 호출되는 것이 아니라 window.toString 함수가 호출됩니다. window.toString의 경우 스펙이 없기 때문에 window.toString에 대한 구현은 브라우저마다 차이가 날 수 있습니다. Chrome에서는 자연스럽게 Object.prototype.toString 연결시켜줬지만, IE에는 그렇게..

JavaScript 2019.07.08

[JavaScript] 배열 분리 Array.slice()

안녕하세요. Jay입니다. 오늘은 배열을 복사하는 매서드 slice에 대해서 알아보도록 하겠습니다. Array에서 기본적으로 제공하는 매서드입니다. 그래서 그냥 바로 쓰시면 됩니다. 문법은 아래와 같습니다. 복사하기 원하는 배열 시작 인덱스와 마지막 인덱스에 1을 더한 값을 넣으면 됩니다. Array.slice([begin[, end]) 예를 들어, 아래와 같은 매서드가 있다고 합시다. 이 매서드에서 3번째부터 배열을 얻고 싶으면 아래와 같이 slice 매서드를 사용하시면 됩니다. var fruits = ['Banana', 'Orange', 'Lemon', 'Apple', 'Mango']; fruits.slice(2); // ['Lemon', 'Apple', 'Mango']; 혹은 처음부터 2번째 배열까..

JavaScript 2018.07.12

[JavaScript] JSON 안전 값(JSON-Safe Value)

JSON 표현형(Representation)으로 확실히 나타낼 수 있는 값. JSON.stringify()로 문자열화할 수 있다. JSON 안전 값이 아닌 것들은 undefined, 함수(function), 심벌(ES6부터, symbol), 환형 참조(circular references)가 있다. 이들은 모두 다른 언어로 이식하여 JSON 값으로 쓸 수 없는 표준 JSON 규격을 벗어난 값이다. 이들 값을 JSON.stringify() 하면 자동으로 값을 누락시키고, 배열에 이들 값이 포함되어 있으면 인덱스 정보가 뒤바뀌지 않도록 null로 값을 바꾼다.

JavaScript 2017.08.14
반응형