Front-End/JavaScript 30

[자바스크립트] String 객체 특징과 메소드 종류

1) String 객체 특징 - 문자열을 쉽게 만들고 다룰 수 있게 한다. const str = '자바스크립트'; const str = new String('자바스크립트'); 2) String 객체의 메소드 종류 1. length 문자열의 길이를 저장한다. const str1 = '안녕하세요. JavaScript'; console.log(str1); //안녕하세요. JavaScript console.log(str1.length); //17 2. indexOf( ) 매개변수로 전달된 문자열이 처음 등장하는 위치를 반환해준다. console.log(str1.indexOf('J')); //7, 0번부터 해서 7번째 자리에 있다는 뜻 console.log(str1.indexOf('Java')); //7, 맨 첫..

[자바스크립트] Math 객체, 메소드 종류

1) Math 객체 설명 - 수학에서 자주 사용하는 상수와 함수들을 미리 구현해 놓은 자바스크립트의 내장 객체이다. 2) Math 객체의 메소드 종류 1. min( ) 최소값을 반환해주고 매개변수가 전달되지 않으면 Infinity를 반환해준다. 비교할 수 없는 값이 포함되어 있으면 NaN을 반환해준다. console.log(Math.min()); //Infinity console.log(Math.min(1,10,-10,1000,0)); //-10 console.log(Math.min(1,10,"-10",1000,0)); //-10 console.log(Math.min(1,10,-10,"천",0)); //NaN 2. max( ) 최대값을 반환해주고 매개변수가 전달되지 않으면 -Infinity를 반환해준다...

[자바스크립트] 프로토타입(prototype)

1) 프로토타입(prototype) 의미 자바스크립트의 모든 객체는 최소한 하나 이상의 다른 객체로부터 상속을 받으며, 상속되는 정보를 제공하는 객체를 프로토타입이라고 한다. **자바스크립트에서의 상속** 기존에 사용중인 변수와 메소드들을 다시 사용하고 싶을 때(다른 객체에서도 사용하고 싶을 때) ~~~ 2) 프로토타입(prototype) 특징 - 자바스크립트의 모든 객체는 프로토타입이라는 객체를 포함한다. - 모든 객체는 프로토타입으로부터 프로퍼티와 메소드를 상속받게 된다. - 자바스크립트에 내장된 모든 생성자나 사용자 정의 생성자는 Object.prototype과 자신의 생성자 객체를 프로토타입으로 가진다. 3) 프로토타입 코드로 설명

[자바스크립트] 객체(Object)의 의미, 클래스, 객체지향 프로그래밍

1) 객체(Object) - 사전적 의미 : 실행활에서 인식할 수 있는 사물들을 객체라고 한다. - 이름(name)과 값(value)으로 구성된 프로퍼티(property, 변수)의 정렬되지 않은 집합이다. 2) 클래스(Class) - 객체를 만드는 설계도 - 명사(변수), 동사(함수)로 표현할 수 있다. const 객체명 = { 프로퍼티명(property)1 : 값1, 프로퍼티명(property)2 : 값2, ... } ** 프로퍼티(property)란? 더보기 - 객체 내의 변수 또는 함수를 말한다. - 변수 -> "프로퍼티" - 함수 -> "프로퍼티 메소드" ▼실행결과▼ 3) 객체를 만드는 방법 1. 리터럴 표기법 - 객체를 생성하는데 가장 쉬운 방법이며, 각각의 프로퍼티를 이름과 값을 콜론(:)으로..

[자바스크립트] 변수의 범위(지역변수,전역변수),호이스팅

1) 변수의 범위(스코프,scope) - 자바스크립트에서는 객체, 함수가 모두 변수(상수)이다. - 변수의 범위는 변수가 접근할 수 있는 변수, 객체, 함수의 집합이다. 2) 지역변수 - 함수 내에서 선언된 변수이다. - 지역 변수는 변수가 선언된 함수 내에서 유효하고 함수가 종료되면 메모리에서 사라진다. function func1(x, y){ // x, y, sum은 지역변수 ... let sum = 0; } console.log(x) // undefined ------------------------------ if(조건식){ let x = 0; // 지역변수 ... } console.log(x) // undefined 3) 전역변수 - 함수의 외부에서 선언된 변수이다. - 전역 변수는 프로그램의 어..

[자바스크립트] 사용자 정의 함수(function) 설명과 종류, 사용방법

1) 사용자 정의 함수 설명 - 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록을 의미 - 함수는 필요할 때마다 호출하여 해당 작업을 반복해서 수행하기 때문에 코드를 재활용할 수 있다. 1. 함수 선언식 function 함수명(매개변수1, 매개변수2, ...){ ... return 리턴값; } 2. 함수표현식 const 함수명 = function(매개변수1, 매개변수2, ...){ ... return 리턴값; } - 자바스크립트는 함수를 변수에 저장할 수 있다. - 자바스크립트는 script 태그를 만나면 자바스크립트 파일을 먼저 읽고 선언된!! 함수를 먼저 메모리에 저장하고 초기화는 나중에 한다. -> 호이스팅 * 호이스팅이란? 더보기 - 함수 안에 있는 선언문들을 모두 끌어올려서 해당 함..

[자바스크립트] 반복문(for in문, for of문, forEach문)

1) for in문 - 변수에 키를 저장 for(변수선언 in 객체){ 객체의 요소의 개수만큼 반복할 문장; ... } ▼실행결과▼ 2) for of문 - 변수에 값을 저장 for(변수선언 of 객체){ 객체의 요소의 개수만큼 반복할 문장; ... } ▼실행결과▼ 3) forEach문 - 오직 Array객체에서만 사용 배열.forEach(콜백함수(item, index, arr){ 배열의 요소의 개수만큼 반복할 문장; ... }); ** 각 변수에 실제로 들어오는 값 ** item : 값 index : 인덱스 arr : 현재배열 ▼실행결과▼

반응형