반응형

Programing/JavaScript

반응형
Programing/JavaScript

생성자함수 & 객체 리터럴 - 객체생성방법정리

이번 포스팅에서는 객체를 생성하는 방법에 대해 정리해보려고 합니다. 생성자 함수 & 인스턴스 생성자 함수는 new 연산자와 함께 호출해서 객체를 생성하여 반환하는 함수를 말합니다. 주로 비슷한 성질을 가진 여러 개의 객체를 만들기 위해 미리 짜여진 거푸집 같은 거라고 생각하시면 이해하기 쉬울 겁니다. 생성자함수를 사용해서 나온 객체를 인스턴스라고 합니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 function animal(tribe, color){ this.tribe = tribe; this.color = color; this.info = function(){ console.log('This is ${this.color} ${this.tribe}'); }; } const radrebbit ..

Programing/JavaScript

★var, let, const 정리

var, let, const 정리 JavaScript에서 변수 선언을 하기 위한 3가지 방법이 있다(var, let, const) 이번 글에서는 위의 세가지들의 차이점을 정리해 보겠다. var let const 중복선언 O X X 재할당 O O X 스코프 function-level Block-level Block-level 호이스팅 O O O 전역객체 프로퍼티 O X X 중복선언 var는 중복선언이 가능하며, 마지막에 선언한 변수의 값이 할당된다. let, const는 중복선언 시 문법에러가 발생한다. 1 2 3 4 5 6 7 8 9 10 11 //var var v = 5; console.log(v); //output : 5 var v = 10; console.log(v); //output : 10 //..

Programing/JavaScript

falsy / truthy values

falsy란 실제값이 false가 아니지만 false로 평가되는 값들을 값이라고 한다. 조건문에서는 조건식이 false일 때 실행되지 않고 다음으로 넘어가는데 아래에 나열한 값들도 false 처럼 평가가 되기 때문에 사용에 주의해야한다. -0 -undefined -null -" " (빈문자열) -NaN 주의! 빈 배열과, 빈 객체는 falsy 값이 아니다!!! truthy란 실제값이 true가 아니지만 true로 평가되는 값들이다. 간단하다... 위의 falsy를 제외한 모든 값들이 truthy 값이다.

Programing/JavaScript

javascript 반복문

Javascript반복문 안녕하세요 인터럽트입니다. 이번포스팅에서는 javascript의 반복문에 대해서 정리해보겠습니다. 기본반복문 for문 1 2 3 4 //구조 for(초기화식; 조건식; 증감식){ 실행문; } cs While문 조건문이 true일경우 코드가 실행되며 조거문이 false가 되면 종료된다. 1 2 3 4 //구조 while(조건문){ 실행문; } cs do...while문 while과 비슷하지만 조건문과 상관없이 반드시 1회는 실행된다. 1 2 3 4 //구조 do{ 실행문; }while(조건문); cs break / continue 반복문이 조건에 따라 종료되기 이전에 종료를 원하면 break 명령어를 사용해서 반복문을 나올 수 있다. continue 는 반복문을 빠져나가는게 아니라..

Programing/JavaScript

배열 Array(메소드 정리) #2

*모두 똑같은 요소로 채우고 싶다면 fill Array.prototype.fill()메소드는 배열 내 원하는 요소를 같은 값으로 채울 수 있다. 해당 메소드는 원본을 변경하는 메소드로, 복사본이 아닌 this 객체로 변경해 반환한다는 특징이 있다. 1 2 //구조 arrayName.fill(element_value, start_index, end_index); cs 첫번째 매개변수 배열에 채우고자 하는 값을 입력한다. 두번째 매개변수 값을 채우기 시작할 지점의 인덱스, 생략이 가능하며 기본값은 0이다. 음수를 입력하면 뒤에서부터 접근가능하다. 세번째 매개변수 어디까지 값을 채울건지 종료지점의 인덱스 생략이 가능하며 기본값은 array.length이다. 1 2 3 4 5 6 7 8 9 10 11 12 co..

Programing/JavaScript

배열 Array(메소드 정리) #1

글이 너무 길어져서 배열의 메소드는 따로 정리했다. *맨 앞에서 요소를 추가할 때 unshift() Array.prototype.unshift()메소드는 배열의 맨 앞에 1개 이상의 요소를 추가하고 배열의 새로운 길이를 반환할 수 있다. unshift는 배열의 길이를 return한다. 1 2 3 4 5 const array = [1,2,3,4]; const count = array.unshift(0); console.log(count); //5 console.log(array); //[0,1,2,3,4] cs *맨 앞에서 요소를 지울 때 shift() Array.prototype.shift()메소드는 배열 내에서 0번째 인덱스에 오는 첫 번째 요소를 제거해 나머지 값의 위치를 한 칸씩 앞으로 오게끔 만든..

Interrrupt
'Programing/JavaScript' 카테고리의 글 목록