WEB/JavaScript 11

[JavaScript] 자바스크립트 2차원 배열 선언 및 사용법

자바스크립트의 2차원 배열이란? 자바스크립트는 진정한 2차원 배열은 없다 var arr = [][]; 이와 같은 한 번에 2차원 배열 선언이 불가능하다 약간의 트릭을 통하여 2차원 배열과 비슷한 배열을 만들 수 있다 아래의 예제 중 상황에 맞는 방법을 사용하면 된다 초기값을 할당하여 배열 생성 // arr[5][2] var arr = [['a','b'], ['c', 'd'], ['e', 'f'], ['g', 'h'], ['i', 'j']]; 반복문을 사용하여 빈 배열 생성 // arr[5][2] var arr = new Array(5); for (var i = 0; i < arr.length; i++) { arr[i] = new Array(2); } 2차원 배열 생성 함수를 만들어서 사용 function..

WEB/JavaScript 2021.06.11

charAt 메서드 & charCodeAt 메서드

charAt() charAt 은 문자열에서 인자로 주어진 값에 해당하는 문자를 리턴합니다. 문법 JAVASCRIPT charAt(index) Copy 인자 index - 필수 0보다 큰 정수 설명(description) 문자열에 속하는 문자는 왼쪽부터 오른쪽까지 0부터 인덱싱되어 있습니다. charAt은 index로 주어진 값에 해당하는 문자를 리턴합니다. 인덱스는 0부터 시작하기 때문에 index로 들어갈 수 있는 가장 큰 수는 (문자열.legnth-1)이다. 존재하지 않는 index를 인자로 전달하면 공백이 출력됩니다. charAt 는 index에 해당하는 문자를 리턴하고, chartCodeAt은 유니코드 값을 리턴하는 차이가 있다. 예제 코드 JAVASCRIPT charAt(index) charCo..

WEB/JavaScript 2021.03.20

[자바스크립트] OOP, ES6(ECMA Srcipt 6) - 클래스(Class)

Class ES6에서 class 라는 문법이 추가 되었고, 기존의 prototype 기반으로 클래스를 만드는 것보다 명료하게 클래스를 만들 수 있게 되었습니다. 1. 클래스 정의 ES6에서 클래스는 특별한 함수입니다. 그렇기 때문에, 함수와 동일하게 클래스 선언(Class declarations)과 클래스 표현(Class expressions)으로 클래스를 만들 수 있습니다 ([자바스크립트] 함수(Function), 즉시실행함수(Immediately-invoked function expression) 참고) 클래스 선언(Class declarations) class Polygon { constructor(height, width) { this.height = height; this.width = widt..

WEB/JavaScript 2021.02.04

JavaScript Type Casting

오늘은 JavaScript의 형변환에 대해서 알아보겠습니다. 하는 법이 있다는 것은 알고있는데 머리에 다 담고 살기는 너무 어려운 것 같습니다. 그러니 공부방에 정리해 놓아야 겠습니다. 일단 먼저 자바스크립트에서 변수를 선언하는 것부터 알아보겠습니다. var 변수 = 10; 위에서 선언한 내용은 변수를 숫자 10으로 선언하는 것입니다. var 변수 = "10"; 얼핏보면 같은 것으로 생각 할수도 있지만 언어를 공부하신 분이라면 다들 눈치 채셨을 겁니다. 이번엔 변수를 문자열 10으로 선언하는 것입니다. 기존의 Java 같은 경우는 int 변수, String 변수 등 해당하는 형으로 선언하는 것이 맞지만 자바스크립트는 조금 다릅니다. 일단 모든 변수를 var로 선언 가능합니다. - 문자형을 숫자형으로 변환..

WEB/JavaScript 2021.01.25

자바스크립트 숫자의 자리수를 구하는 방법은?

자바스크립트를 사용하여 숫자의 자리수(자릿수)를 구하려면 어떤 방법이 있을까요? 아래에서 숫자가 몇 자리인지를 구하는 방법을 알아봅니다. 먼저 예를들어봅니다. 만약 12 또는 10,000이라는 숫자가 있는 경우 자릿수를 아래처럼 반환되도록 가져오려면 어떻게 할까요? Ex) 12 -> 2를 반환 (2자리) Ex) 10,000 -> 5를 반환 (5자리) 위와같이 숫자가 몇 자리인지 알아낸 후 그 결과를 반환하는 숫자만 가져오려고 합니다... # 자바스크립트로 숫자의 자릿수 구하기가장 간단한 방법은 숫자를 문자로 바꾼후 해당 문자의 길이를 얻는 것입니다. 이 방법은 매우 쉬운데 문자 타입인 경우 문자열의 길이를 length를 사용해 가져올 수 있다는 점을 이용합니다. 아래 코드를 봐주세요. var num = ..

WEB/JavaScript 2021.01.25