Bbaktaeho

📚 slice, splice 자바스크립트 Array.prototype slice 는 배열을 얕은 복사 해서 새로운 배열로 반환 splice 는 배열의 기존 요소를 추가, 변경, 삭제해 원본 배열을 변경 📗 slice 기존 배열에서 새로운 배열로 깊은 복사 배열.slice( start[,end ] ) 반환 타입은 배열 start 을 지정하지 않으면 인덱스 0 부터 시작 end 는 종료할 인덱스로 end 전까지 복사함 end 를 지정하지 않으면 배열의 길이가 됨 (길이보다 큰 수가 와도 배열의 길이) 배열의 복사 1 var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]; var arrSlice = arr.slice(); // 0 부터 arr.length 전 까지 얕은 복사 console.log..

📚 자바스크립트 빈 공간 undefined, null, empty .. 📗 undefined 비어있다는 의미 자바스크립트에서 기본형 데이터 타입에 속함 사용자가 명시적으로 지정하지 않으면 비어있는 요소에 접근했을 시에 자바스크립트 엔진(V8)에서 undefined를 부여함 값을 대입하지 않은 변수일 때 var v1 = undefined; // 명시적으로 undefinded 지정 var v2; // 아무런 데이터를 할당하지 않음 console.log(v1); console.log(v2); undefined undefined 객체에 존재하지 않는 속성에 접근할 때 var obj = { a: "test1", b: "test2" }; console.log(obj.a); console.log(obj.b); con..

📚 복사 먼저 복사란, 원본과 모두 같은 내용으로 사본을 만드는 작업 원본은 따로 존재하고 사본도 따로 존재하게, 즉 원본과 사본은 내용은 같지만 서로 다르게 존재하고 있다는 뜻임 📗 얕은 복사 사본을 만들어내지 않고 원본을 참조하도록 복사한 척을 하는 것 기본형에서 얕은 복사 기본형 타입에서 복사한 데이터를 변경할 때 원본도 같이 변경되는 일은 발생하지 않는다. var v1 = "test"; var v2 = v1; // (1) console.log(v1); console.log(v2); v2 = "hi taeho"; // (2) console.log(v1); console.log(v2); test test test hi taeho 주석(1) 코드에서 메모리 변화 주석(2) 코드에서 메모리 변화 참조형에..

📚 데이터 타입과 할당 사실상 자바스크립트의 데이터 타입은 모두 참조형이라고 해도 틀린 말은 아니다 자바스크립트는 null 을 Object 타입으로 반환한다 📗 기본형 기본형 데이터는 불변성의 성질을 가짐 undefinded, null, boolean, number, string 등.. 숫자형에서 정수와 실수는 구분하지 않는다 문자는 String으로 표현한다 기본형 타입 확인하기 var v1; // undefined var v2 = null; // object -> 버그! var v3 = 123; // number var v4 = 1.23; // number var v5 = true; // boolean var v6 = false; // boolean var v7 = "hello"; // string v..

📚 reduce, reduceRight 자바스크립트 Array.prototype 자바스크립트 배열을 반복해서 콜백 함수를 실행 후 하나의 결과 값을 반환 reduce 는 왼쪽 원소부터 콜백 함수를 실행 reduceRight 는 오른쪽 원소부터 콜백 함수를 실행 📗 reduce 배열의 왼쪽부터 콜백 함수를 실행 후 누산함 배열.reduce( 콜백함수(acc, cur, index, arr){} ) 콜백함수의 인자로 누산기, 현재 원소, 현재 인덱스, 원본 배열을 가짐 배열의 모든 합 구하기 var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]; var result = arr.reduce((acc, element, i, array) => { return acc + element; }); cons..

📚 function, inner function, arrow function function 키워드는 함수를 생성하는 키워드 자바스크립트에서 함수는 일급 객체(일급 함수) 고차 함수 가능 -> 함수를 인자로 받고 함수를 리턴할 수 있음 📗 function 함수 함수 선언 // 함수 선언 function name(params) { // 함수의 기능 return; } function add(a, b) { return a + b; } var result = add(10, 20); console.log(result); 30 기본 매개변수를 지정 function add(a = 1, b = 2) { return a + b; } var result = add(10, 20); console.log(result); co..

📚 map, filter 자바스크립트의 배열 프로토타입 배열의 반복을 통해 콜백 함수를 실행하고 새로운 배열을 리턴 📗 map 배열의 모든 요소를 반복하며 콜백 함수를 실행 후 새로운 배열 리턴 숫자 배열의 숫자들을 제곱해서 새로운 배열 생성 var arr1 = [1, 4, 9]; var arr2 = arr1.map(e => Math.pow(e, 2)); console.log(arr1); console.log(arr2); [ 1, 4, 9 ] [ 1, 16, 81 ] 숫자 배열의 숫자들의 제곱근을 구해서 새로운 배열 생성 var arr1 = [1, 4, 9]; var arr2 = arr1.map(Math.sqrt); console.log(arr1); console.log(arr2); [ 1, 4, 9 ]..

📚 forEach, some, for in, for of 자바스크립트의 반복을 해주는 함수 또는 문법 배열을 반복하며 원하는 로직을 수행 📗 forEach 배열의 모든 요소를 반복하며 콜백 함수를 실행 기본 for 문에서의 break와 continue 키워드 사용이 불가능 continue 를 콜백함수 return 으로 구현 가능함 일반적인 for 문 실행 다른 언어의 for 문과 같다 1 3 5 7 9 const arr = [1,3,5,7,9]; for (let i=0; i{ if (e === 5) return; // return true, false 든 그냥 continue console.log('인덱스 '+i+ ': ' +e+', 배열의 전체는: '+a); }) 📒 some forEach의 단점인 b..