reduce예시const numbers = [2, 4, 3, 1];const sum = numbers.reduce((acc, num) => acc + num, 0);console.log(sum); // 10 reduce()는 배열을 순회하면서 하나의 값으로 누적(축약) 해주는 함수입니다.array.reduce((accumulator, currentValue) => { return newAccumulator;}, initialValue);accumulator (acc) : 누적 값currentValue (num) : 현재 배열 요소initialValue : 누적의 초기값 최댓값, 최솟값 찾기const numbers = [2, 4, 3, 1];const min = numbers.reduce((min, num..

자바스크립트 진수 변환toString()과 parseInt()를 사용 10진수 -> 2진수 or 16진수var dec = 123;var bin = dec.toString(2); // 2진수 "1111011"var bin = dec.toString(16); // 16진수 "7b"16진수 -> 10진수 or 2진수var hex = "7b";var dec = parseInt(hex, 16); // 10진수 "123"var dec = parseInt(hex, 16).toString(2); // 2진수(10진수로 바꿨다가 2진수로 변환) "123"2진수 -> 10진수 or 16진수var bin = "1111011";var dec = parseInt(bin, 2); // 10진수 "123"var dec = pars..

/* * 모듈 익스포트, 임포트 - 모듈은 js ES6의 미리작성해 놓은 스크립트 파일입니다. - 변수 , 함수 ,클래스 등이 정의 되어있습니다. - 모듈을 내보내는 방식 - 여러 값을 내보낼 때 named export 방식 - 단일 값을 내보낼 때 default export방식 */ export const name = "이순신"; export const age = 20; export const info = () => { console.log('이름 '+ name + ', 나이 '+ age); } let addr = "서울시"; let myInfo = () => { console.log(addr); } export {addr, myInfo}; --- class Person { constructor(nam..

class 일반 HTML에서는 굳이 class를 사용하진 않습니다. React의 class컴포넌트를 사용한다면 알아두세요. 1. 클래스의 멤버변수를 선언할 때는 키워드를 사용하지 않습니다. (구형브라우저에서는 지원불가 할 수 있음) class Person { //멤버변수 name = "홍길동"; age = 20; //객체변수 state = {a:1}; //생성자는 js에서 반드시 1개입니다. //JS는 this키워드를 지칭하면 멤버변수가 자동생성 됩니다. constructor(addr){ this.addr = addr; } //함수 func = () => { console.log("func 실행"); } } //객체로 생성 - 허용됩니다. let p = new Person(); console.log(p...

화살표 함수 https://coding404.tistory.com/11 JS ES6 문법 한눈에 보기 1. let과 const let변수는 중복선언이 불가능하다. let변수의 유효범위는 {}블록이다. //let변수는 같은 블록에서 내에서 중복이 불가능하다. let y = 1; // let y = 100; //에러 //let변수의 유효범위는 {}블록 coding404.tistory.com 1. 화살표 함수는 기본적으로 익명함수를 대체합니다. (호이스팅 불가) 2. 가독성이 향상됩니다. //기본적으로 익명함수를 대체합니다. //익명함수는 당겨쓰기가 안된다. // var a = function(){ // console.log("a실행"); // } let a = () => { console.log("a 실행"..

기존의 for 문 let arr = ["a", "b", "c"]; //기존의 for문 for(let i = 0; i < arr.length; i++) { console.log(arr[i]); } for(let i in arr) { console.log(arr[i]); //i는 인덱스를 담아준다 } 기존의 foreach 메서드 forEach 메서드란 ? forEach() 메서드는 배열에 활용이 가능한 메서드로, 파라미터로 주어진 함수를 배열 요소 각각에 대해 실행하는 메서드이다. map()메서드와 거의 비슷하지만 차이점은 따로 return하는 값이 없다는 점이다. //기존의 foreach메서드 arr.forEach(function(value, index, arr) { console.log(value); c..

Backtick ` 1. 백틱`을 이용해서 문자열을 표현하고, 템플릿 리터럴 ${}를 이용해서 필요값을 처리 let name = "이순신"; let age = 20; console.log("이름은:"+name + "이고, 나이는:" + 20 + "입니다"); //결과 : 이름은:이순신이고, 나이는:20입니다 //tab버튼 위에 backtick console.log(``); console.log(`이름은:${name}이고, 나이는:${age}입니다`); //tab위에 //결과 : 이름은:이순신이고, 나이는:20입니다

Destructuring assignment (구조 분해 할당) 1. 배열에서 destructuring let arr = [1,2,3,4]; // let a1 = arr[0]; // let a2 = arr[1]; let [a, b, c, d] = arr; console.log(a, b, c, d); //1 2 3 4 let [a1, a2] = arr; console.log(a1, a2); //1, 2 let [k1, , ,k4] = arr; console.log(k1,k4); //1, 4 let [y1, ...y2] = arr; console.log(y1, y2); //1, [2, 3, 4] let [...ar] = arr; console.log(ar); //[1, 2, 3, 4] function use..