반응형

JavaScript 38

[JavaScript] 전개 연산자, Default Parameter

전개 연산자 (spread operator) 복수의 파라미터를 가진 함수에 배열을 전달하고자 할 때 사용하는 연산자. 호출시 ...배열명 방식으로 호출한다. 아래의 코드는 element가 많아 질 수 록 복잡해지는 문제가 있다. → 때문에 전개 연산자로 문제를 해결한다. 전개 연산자와 가변 파라미터의 관계 Default Parameter 파라미터를 넣지 않은 경우, 미리 설정된 기본값을 사용하는 파라미터. 과도한 Default Parameter는 가독성을 떨어뜨림. 사용 예시 버블 소트 실행하는데 오름차순을 많이 쓰는 환경에서 아래와 같이 사용한다. 구형 ES5에서의 가변 파라미터 arguments 객체를 사용하여 파라미터 리스트를 구함. arguments는 배열은 아니나 배열처럼 사용할 수 있음. 배열..

JavaScript 2022.04.11

[JavaScript] primitive type VS object type

Primitve type의 특징 종류 number string boolean undefined null Memorry allocation 형태 그대로 메모리에 올라간다. object type의 특징 object란 data의 구조를 뜻한다. run-time object로 heap area에 올라간다. variable abstraction(변수 추상화)가 불가능하며 reference(시작정보)를 참조하여 parameter로 전달하기 때문에 전달받은 함수객체를 읽거나 쓸 수 있으며 임시 변수를 만들어 간접적으로도 사용이 가능하다. object type안에는 여러가지 명령어(.length, .apply 등)가 존재한다. 종류 array function p-type을 제외한 모든 type EX) let ar = ..

JavaScript 2022.04.11

[JavaScript] unshift, Array.isArray

unshift Array.prototype.unshift() 새로운 요소를 배열의 맨 앞쪽에 추가하고, 새로운 길이를 반환합니다. 배열 형태의 객체 시작점에 주어진 값을 삽입합니다. 구문 arr.unshift([...elementN]) 예제 Array.isArray() 메서드는 인자가 Array인지 판별합니다. 객체가 Array라면 true를 반환하고, 아니라면 false를 반환합니다. Array.isArray([1, 2, 3]); // true Array.isArray({foo: 123}); // false Array.isArray('foobar'); // false Array.isArray(undefined); // false // 모두 true 반환 Array.isArray([]); Array.is..

JavaScript 2022.04.10

[JavaScript] 함수, 파라미터,재귀함수, 디버깅, +예제

▶ 함수 JavaScript에서 기본적인 구성 블록 중의 하나다. 작업을 수행하거나 값을 계산하는 문장 집합이다. 함수를 사용하려면 함수를 호출하고자 하는 범위 내에서 함수를 정의해야 한다. 함수는 global 영역에 존재한다. 함수 원형 (Function Prototype) 함수 이름 : 호출을 위한 이름이다. 파라미터 필수사항과 옵션사항이 있다. 파라미터의 개수는 가변 한다. 변수 선언 키워드가 없다. (const, let) 리턴형은 생략한다. 리턴 값 함수의 종류 선언 함수 : 함수의 이름이 있다 익명 함수 : 함수의 이름이 없다. (확장) * 익명 함수와 선언적 함수의 메커니즘은 완전히 같다. - 익명 함수 형식 : function() {} ES6의 방식이다. 사용 예 - 선언적 함수 형식 : f..

JavaScript 2022.04.10

[JavaScript] split, 조건문, 반복문, sort (split, if else, switch, for, while, continue) 예제

※ 본 글은 많은 문서를 가지고 있기 때문에 control + f 로 원하는 문서를 참고하길 바랍니다. (MAC : command + f) ▶ String.prototype.split() String 객체를 지정한 구분자를 이용하여 여러 개의 문자열로 나눕니다. ☞ 예제 "동해물과 백두산이 마르고, 닳도록." 을 st에 입력하고 ' '를 구분자로 나누어 문자열을 '단어'에 입력하고 문자열 2번째 있는 문자를 출력하시오. ​ ​​​​ ​ ▶ 조건문 if 문, if ~else 문 if (boolean-expression) { } if (Boolean-expression) { } else { } ☞ 예제 아래코드는 시간정보를 얻는 코드이다. 이를 참조하여 오전인지 오후인지 출력하는 조건문을 코딩하시오 답 ↓ ..

JavaScript 2022.04.07

[JavaScript] Array(배열) 예제, (length, push, splice.. )

▶ 배열 배열의 정의 임의의 데이터 요소 T가 n개 연속되어 구성된 데이터타입 배열의 생성 const ar = [1, 2, 3, 4, 5]; const ar = [1, ‘sting‘, ‘true’, [33, 44]]; →현대 Script언어는 배열안에 임의의 배열을 허용한다. 배열 요소에 대한 타입제한이 없음. 배열의 연산 배열의 길이 : ar.length n번째 요소 : ar[n], ar[expression] 뒤에 삽입 : ar.push(T) element의 위치 : indexof(element) 접합(제거) : ar.splice(index, count) 배열 생성 Array.length 배열의 길이를 반환합니다. 반환값은 부호 없는 32비트 정수형이며, 배열의 최대 인덱스보다 항상 큽니다. lengt..

JavaScript 2022.04.07

[JavaScript] 기초지식, Datatype, 데이터 입력, 자료형 변환, 예제

▶ 자바스크립트(JavaScript) 웹브라우저에서 웹 객체를 제어하기 위한 스크립트 프로그래밍 언어. → 웹의 Element를 제어한다. 더보기 HTML : 정보 CSS : 디자인 JavaScript : 정보와 디자인을 제어한다. 자바스크립트의 특징 모든 웹 브라우저에서 사용 가능한 유일한 언어. React, Angular, Vue.js, Backbone.js, JQuery 등 고급 라이브러리의 기반 언어 Back-End 영역까지 확대 (Node.js) 데스트톱 및 모바일 애플리케이션의 개발에 확대 애플리케이션 내장 언어로 활용 – Google Apps, MINECRAFT 등. * JavaScript 표준 ECMAScript (유럽컴퓨터제조협회), ES6를 주로 사용. ▶ 브라우저의 모든 기능(사용자 ..

JavaScript 2022.04.06
반응형