본문 바로가기

분류 전체보기79

2024.03.28 27일차 Javascript 배열고차함수 배열고차함수 forEach arr.forEach ( function ( item, index, array ) { } ); 배열.forEach(하나씩 꺼낼 파라미터 ⇒ { 코드;} ); 배열의 요소 각각에 for문 내부의 실행코드를 forEach의 콜백함수로 사용한다고 생각하면 좀더 이해가 쉬움 인수로 넘겨준 함수의 반환값은 무시 function myforEach(array, callback) { for(const x of array) { callback(x); } } let total = 0; [10, 20, 30].forEach(n => { total += n; }) console.log(`total: ${total}`); filter 조건에 맞는 요소 전체를 담은 배열을 반환 (조건 충족 요소가 여러.. 2024. 3. 28.
2024.03.27 26일차 Javascript 다중 매개변수, 콜백함수 다중 매개변수와 다중 반환값 인자 개수 > 매개변수 개수 일 때 초과하는 인자는 전달 안 됨 ex ) 아래의 코드에서 2는 전달 안 됨 function add2(n1, n2) { return n1 + n2; } var r1 = add2(5, 9, 2); 매개변수가 3개인 새로운 함수를 만들 것인가? 만약 n개의 정수 합을 구해주는 함수를 만들어야 한다면? 하나의 함수에서 매개변수 개수가 동적이라면 더 효율적일 것 == > 파라미터에 집합자료형(배열, 객체)를 전달 ES6 - spread 문법 여러 인자를 하나의 배열로 매개변수에 전달 spread 문법을 두 번 쓸 수는 없음 어디까지가 numbers 매개변수인지 구분할 수 없기 때문 // ES6 - spread 문법 function addAllES6(.... 2024. 3. 27.
2024.03.26 25일차 Javascript 객체, 함수 자바스크립트 객체 구조 객체는 0개 이상의 **프로퍼티(property)**로 구성된 집합 자료구조 프로퍼티는 키(key)와 값(value)의 쌍으로 구성 배열과 객체 모두 복합데이터인데 배열은 순서가 중요한 경우, 그렇지 않으면 객체 객체 생성하기 자바스크립트는 다양한 객체 생성 방법이 있고 가장 일반적인 방법은 객체 리터럴 객체 리터럴은 **중괄호({ … })**를 사용하여 프로퍼티를 정의합니다. 객체 리터럴, 객체 초기자 ★ ★ ★ ★ ★ Object 생성자 함수 생성자 함수 ★ ★ Object.create 메서드 클래스(ES6) ★ ★ ★ ★ ex ) 객체 리터럴 예시 // 우리 집 고양이 정보 저장 var cat = { kind: '코숏', favorite: ['낮잠', '방 어지르기'], //.. 2024. 3. 26.
2024.03.25 24일차 Javascript Type Casting & 배열 형 변환(type casting) 개발자의 의도와는 상관없이 표현식을 평가하는 도중에 엔진에 의해 암묵적으로 타입이 변환 암묵적 형 변환(implicit coercion) 개발자가 의도적으로 타입을 변환 명시적 형변환(explicit coercion) 암묵적 형 변환 '+' 연산 시 피연산자 중 하나가 문자열 타입이면 문자열 연결 연산자로 동작 (concat) 자바스크립트 엔진은 문자열이 아닌 정수를 문자열타입으로 암묵적으로 변환 *** 문자처럼 concat 연산 숫자 + 문자 = 문자 논리 + 문자 = 문자 *** 문자가 '숫자' 면 숫자 연산O (자바스크립트만의 특징) 숫자 - 문자 = 숫자 문자 - 숫자 = 숫자 숫자 * 문자 = 숫자 var n1 = 10; var n2 = '20'; var n4 .. 2024. 3. 25.

티스토리툴바