나디아 성장 일기

Iterable Object : 반복 가능한 객체 (배열을 일반화 한 객체)for...of 문을 사용할 수 있는 객체Symbol.Iterator 메서드가 반드시 구현되어야 함- Symbol.Iterator 메서드: Iterator 객체를 반환하며 Iterator 객체는 next() 메서드를 가짐 - next() 메서드: { value, done } 형태의 객체를 반환 (value는 현재 값, done은 반복이 끝났는지를 나타내는 boolean 값)객체, 배열, Iterable 객체는 다른 존재임 일반 객체는 next()를 호출할 수 없다❌  Iterator: 반복 작업을 수행하는 객체 next() 메서드를 통해 반복의 다음 값을 반환const arr = '1 2 3 4 5'.split(' ');const..

목차배열 검사배열로 변환배열 복사배열 요소 추가배열 요소 제거배열 탐색배열 변형 배열 요소 순회  📌 배열 검사  Array.isArray() : 값이 배열(array)인지 확인 배열과 arguments(유사 배열 객체)를 구분할 수 있다. function example() { console.log(Array.isArray(arguments)); // false}example(1, 2, 3);   true를 반환하는 값들Array.isArray([]);Array.isArray([1]);Array.isArray(new Array());Array.isArray(new Array("a", "b", "c", "d"));Array.isArray(new Array(3));Array.isArray(Array.pr..

문자열의 길이공백 포함let message = 'Less is more.';let stringTotalLength = message.length;console.log(stringTotalLength); // 13   특정 index의 글자 추출공백 미포함let message = 'Less is more.';let extractCharacter = message[5];console.log('extractCharacter : ', extractCharacter) // i   문자열 중간 글자를 바꾸는 건 불가능 기존 문자 변경 대신, 새로운 문자를 생성해야 함let immutableChangeCharacter = 'P' + message.slice(1);console.log(message);   부분 문자열..

숫자에 메서드 호출숫자 다음에 점 두 개 ..를 붙이기숫자를 (괄호)로 묶기123456..toString(36)(123456).toString(36)alert(123456.toString(36));// error! (첫 번째 점 이후는 소수점으로 인식)   숫자e + 0의 개수: 숫자 뒤에 e를 붙이고 0의 개수를 쓰면 개수만큼 0이 생성된다.let billion = 1e9; // 10억, 1과 9개의 0alert( 7.3e9 ); // 73억 (7,300,000,000)   toString(진법): 해당 진법으로 변환 후 문자형으로 반환let num = 255;alert( num.toString(16) ); // ffalert( num.toString(2) ); // 11111111alert(..

Object.keys(): 객체의 키(key)를 모아서 하나의 배열로 반환// 유사 배열const arrayLike = { 0: 'body', 1: 'head', 3: 'div', length: 3}const keys = Object.keys(arrayLike);for (let key of keys) { console.log(key);}// 출력 결과// 0// 1// 3// length   Object.values(): 객체들의 값(value)을 모아 하나의 배열로 반환// 유사 배열const arrayLike = { 0: 'body', 1: 'head', 3: 'div', length: 3}const values = Object.values(arrayLike);for (let valu..

객체(Object) : 키로 구분된 데이터 집합이나 복잡한 개체를 저장한다. (서랍장)let 객체명 = { }; 객체는 순서를 보장하지 않는다 ❌- 순서가 중요하면 배열 사용   프로퍼티(property): 서랍장 안의 파일 역할키(key): 값(value) 프로퍼티의 키는 '프로퍼티 이름', '식별자' 라고도 부른다. (파일의 이름표 역할)- 키의  문자형, 심볼형이 아닌 값은 자동으로 문자형으로 변환 let user = { // 객체 user에 두 개의 프로퍼티가 있다. (name, age) name = "Nadia", age = 24};  프로퍼티 값 읽기 / 추가객체명.프로퍼티 키alert(user.name); // Nadiaalert(user.age); // 24user.isAdmin = t..

재귀(Recursion) : 문제 해결을 위해 함수 자신을 다시 호출 문제 해결 능력이 자기자신에게 있음 👉 스스로를 호출함 어떤 프로시저(절차)가 자기 자신을 반복적 호출하여 문제를 풀어 나가는 알고리즘 함수 내부에서 함수를 호출하게 되면 먼저 호출됐던 함수가 일시정지 되고 호출된 함수가 실행된다. function pow(x, n) { if (n === 1) { return x; } else { return x * pow(x, n - 1); }}pow(2, 3);   예시 1factorial 함수를 재귀 호출 방식으로 작성 팩토리얼(n!): 그 수보다 작거나 같은 모든 양의 정수의 곱ex) 4! = 4 * 3 * 2 * 1function factorial(n) { if (n === ..

화살표 함수(Arrow function): 함수는 방향(=>)에 따라 오른쪽의 표현식을 평가하고, 결과를 반환(매개변수) => { 함수 }  화살표 함수 특징 유사 배열(arguments) 사용 ❌나머지 매개변수(rest parameter)로 일반 배열로 만든 후 사용 가능생성자(constructor) 함수 사용 불가능 ❌  함수의 본문이 간결하면 {괄호} 사용 Xlet sum = function(a, b) { return a + b;};// 단축let sum = (a, b) => a + b;alert( sum(1, 2) ); // 3  화살표 함수의 본문이 여러 줄이면({괄호}를 사용한다면)=> return 사용let sum = (a, b) => { let result = a + b; retu..

📌 Array (배열): 순서(index)가 있는 값의 집합배열은 특별한 종류의 객체로, [대괄호]를 사용해 요소에 접근하는 방식은 객체 문법을 사용한 것이다.배열은 키(key)가 숫자(index)라는 점이 다르다. 👉 즉, 본질은 객체  배열 선언let friends = '한,재,정,유,윤,민,재,신'.split(',');console.log(friends);// ['한', '재', '정', '유', '윤', '민', '재', '신']let friends = ['한,재,정,유,윤,민,재,신'];console.log(friends); // ['한,재,정,유,윤,민,재,신']   배열 요소의 총 갯수let friends = '한,재,정,유,윤,민,재,신'.split(',');console.log(fri..

함수 선언문function 함수명(매개 변수) {                  ...}  호출함수명(인수); function sayHi() { alert( "Hello" );}// 선언sayHi();// 호출   함수 표현식: 함수를 생성해서 변수에 저장함let 변수 = function( ) {              ...};  함수를 실행하고⭕ 전달하면 👉 함수의 반환값(return)을 전달 함수를 실행하지 않고 ❌ 전달하면 👉 함수 본문을 전달function sayHi() { return 'hello'}const a = sayHi() // 'hello'// 함수 실행 O -> 함수 값이 저장됨const b = sayHi // function// 함수 실행 X -> 함수 자체가 저장됨 co..