[JavaScript] for, forEach, map, reduce, filter 함수
1. for 문 : 고전적인 for문 Syntax for(let i=0 ; i word.length>6); const.log(result);//["exuberant", "destruction", "present"] ※ 출처 1) https://hyg4196.tistory.com/125?category=936425 JavaScript - for, foreach, filter, map, reduce 기능 자바스크립트에서 map(), filter(), reduce() 메소드는 배열 요소를 나열하거나, 특정 조건에 맞게 보여줄 때 자주 쓰인다. 해당 메소드들의 동작 원리를 알아보고자 해당 메소드들이 for문으로 어떻 hyg4196.tistory.com 2) yjshin.tistory.com [JavaScript..
JSON - {Key : Value}
JSON : JavaScript 객체 문법을 따르는 문자 기반 데이터 포맷 JSON의 구조 1. Name/Value 쌍의 모음 (object, record, 구조체, dictionary, hash table, key list, 연관된 array) 2. 정렬된 Value의 리스트 (array, vector, list, sequence) +JSON 객체를 넣을 수도 있음 [ {"name" : "Molcule Man", "age" : 29} , {"name" : "Madame Uppercut", "age" : 39} ] Value로 저장 가능한 데이터형 예제 { "squadName": "Super hero squad", "homeTown": "Metro City", "formed": 2016, "secretB..
JavaScript reduce( ) 함수
reduce( ) 함수 : 배열의 각 요소를 순회하며 callback 함수의 실행 값을 누적해 하나의 결과값을 반환 Syntax arr.reduce(callback[, initialValue]) Parameter 1. callback function : 배열의 각 요소에 대해 실행할 함수. 다음 4가지의 인수를 가짐 ˙ accumulator : callback 함수의 반환값 누적. 콜백의 이전 반환값 / 콜백의 첫 번째 호출이면서 initialValue를 제공한 경우 => initialValue의 값 ˙ currentValue : 배열의 현재 요소 ˙ index (Optional) : 배열의 현재 요소의 인덱스 ˙ array (Optional) : reduce()를 호출한 배열 2. initialValu..
JavaScript 화살표 함수
화살표 함수( => ) : function 키워드보다 간결한 표현으로 함수 생성 O 1. 화살표 함수 선언 a. 매개변수 지정하기 () => { ... }//매개변수 없을 경우 x => { ... }//매개변수 한 개인 경우. 소괄호 생략 O (x, y) => { ... }//매개변수 여러 개인 경우. 소괄호 생략 X b. 함수 몸체 지정하기 x => {return x * x }//single line block x => x * x//함수 몸체가 한 줄의 구문이면 중괄호 생략 O. 위 표현과 동일 () => { return { a: 1 }; } () => ({a: 1})//위 표현과 동일. 객체 반환시 소괄호 사용 () => {//multi line block const x = 10; return x *..
호이스팅과 var, let, const의 차이
자바스크립트 변수 할당, 참조, 선언 이해하기 할당(assignment) : 변수에 값 저장 참조(reference) : 변수에 저장된 값을 읽어 들이는 것 선언(declaration) : 변수명을 자바스크립트 엔진에 알리는 것 자바스크립트에서 변수 선언은 선언→초기화 단계를 거쳐 수행됨 선언 단계 : 변수명을 등록해 자바스크립트 엔진에 변수의 존재 알림 초기화 단계 : 값을 저장하기 위한 메모리 공간을 확보하고 암묵적으로 undefined를 할당해 초기화 1) 변수 선언 후 콘솔 찍기 var mango; console.log(mango);//output : undefined 2) 콘솔 찍은 후 변수 선언 console.log(mango);//output : undefined var mango; 호이스팅..
Array.from( )
Array.from( ) : 유사 배열 객체(array-like object)나 반복 가능한 객체를 복사해 새로운 Array 객체를 만드는 메소드 Syntax Array.from(arrayLike, mapFn, thisArg); arrayLike : 배열로 변환하고자 하는 유사 배열 객채 / 반복 가능한 객체 mapFn (optional) : 배열의 모든 요소에 대해 호출할 맵핑 함수 thisArg (optional) : mapFn 실행 시에 this로 사용할 값 다음과 같은 경우에 Array.from( )으로 새 Array 만들 수 있다 유사 배열 객체 (length 속성과 인덱싱 된 요소를 가진 객체) 반복 가능한 객체 (Map, Set 등 객체의 요소를 얻을 수 있는 객체) 예제 String에서 배..
