JavaScript
[JS] 배열API
const numbers = [1,2,3,4] const fruits = ['Apple', 'Banana', 'Cherry'] console.log(number[1]) // 2 console.log(fruits[2]) // Cherry Array Array 클래스는 리스트 형태의 고수준 객체인 배열을 생성할 때 사용하는 전역 객체입니다. Array.length Array 인스턴스의 length 속성은 배열의 길이를 반환합니다. 반환값은 부호 없는 32비트 정수형이며, 배열의 최대 인덱스보다 항상 큽니다. length속성에 값을 설정할 경우 배열의 길이를 변경합니다. const clothing = ['shoes', 'shirts', 'socks', 'sweaters']; console.log(clothin..
[JS] JS 숫자데이터(Number)
const pi = 3.14159265358979 console.log(pi) Number.prototype.toFixed() toFixed() 메서드는 숫자를 고정 소수점 표기법(fixed-point notation)으로 표시합니다. 고정 소수점 표기법을 사용하여 나타낸 수를 문자열로 반환 const pi = 3.14159265358979 console.log(pi) console.log(pi.toFixed(2)) // 3.14 // 소수점 두 자리만 남기고 제거 console.log(typeof str) // String타입으로 출력 var numObj = 12345.6789; numObj.toFixed(); // Returns '12346': 반올림하며, 소수 부분을 남기지 않습니다. numObj...
[JS] JS 문자데이터(String)
indexOf() indexOf() 매서드는 호출한 String 객체에서 주어진 값과 일치하는 첫 번째 인덱스를 반환. 일치하는 값이 없으면 -1반환 const result = 'Hello world'.indexOf('world') console.log(result) // 결과 : 6 매개변수 searchValue fromeIndex 만약 Boolean처럼 참,거짓의 값을 출력하고 싶을 때 const str = 'Hello world' console.log(str.indexOf('HEROPY') !== -1) // 부정일치 선택자니까 false length() length 속성은 UTF-16 코드 유닛을 기준으로 (공백포함)문자열의 길이를 나타냅니다. const str = 'Life, the univer..
[JS] JS 생성자와 프로토타입
자바나 c++등은 같은 프로퍼티를 갖는 객체를 여러 개 생성하는 수단으로 클래스를 제공 클래스는 붕어빵 틀에 비유할 수 있는데 붕어빵 틀을 사용하면 모양이 같은 붕어빵을 얼마든지 생성가능하다. 마찬가지로 클래스를 사용하면 프로퍼티가 똑같은 객체를 얼마든지 만들 수 있다. 하지만 자바스크립트는 함수형 언어로 클래스가 없다. 다만, 생성자 라고 하는 함수로 객체를 생성할 수 있다. //다음 코드는 트럼프 카드를 표현하는 객체를 생성하는 생성자. function Card(suit, rank){ this.suit = suit; this.rank = rank; } // 생성자로 객체를 생성할 때는 new 연산자 사용 let card = new Card('하트', 'A'); // 객체 생성자 앞의 예시 처럼 new..
[JS] JS 스코프(Scope) 유효범위 가볍게 이해하기
스코프(Scope)란? Scope, JS에서는 유효 범위라고 해석한다. 말 그대로, 어떤 값이 영향을 미칠 수 있는 범위 = 스코프 스코프는 크게 전역범위(Global Scope)와 지역범위(Local Scope) 두 가지로 나뉜다. let globalNumber = 7; function showNumbers() { let localNumber = 5; console.log(globalNumber); console.log(localNumber); } showNumbers(); console.log(localNumber); 전역 스코프(Global Scope) 위의 코드에서 globalNumber라는 변수를 보면, 가장 윗줄에서 선언할 때 숫자 7을 할당 했고, showNumbers 함수 내부에서 접근하고..
