본문 바로가기

분류 전체보기

 (104)
[JavaScript] 콜백(Callback) 함수 2(계산기) 다음은 숫자 2개를 받고 원하는 계산을 해주는 함수를 콜백함수를 이용해서 만들어 보았습니다.계산식을 고정하면 한가지 기능만을 가지지만 계산식을 함수로 받으면 하나의 함수가 다양한 기능을 가지는 똑똑한 함수가 되어 더욱 효과적으로 사용이 가능해 집니다. 다음과 같은 게산식을 받는 함수를 만들어 봅시다,        // 세번째 매개변수가 계산해 주는 함수이다.        function calc(num1, num2, callback){            return callback(num1, num2); // 함수 호출!!!        } 두 수의 덧셈을 하고 싶다면 다음과 같이 호출 합니다.     calc(num1, num2, (a,b)=>a+b) 두 수의 곱셈을 하고 싶다면 다음과 같이 호출 합..
[JavaScript] 콜백(Callback) 함수 1 콜백(Callback) 함수는 간단히 말하면 매개변수로 함수 객체를 전달해서 호출 함수 내에서 매개변수 함수를 실행하는 것을 말합니다.  콜백 함수 사용 다음과 같은 함수가 있다고 하면 다음과 같이 3가지 방법으로 실행이 가능합니다.        // 두번째 매개변수가 함수 입니다.        function greeting(name, callback){            let say = `안녕하세요!! ${name}님 반갑습니다.!!!`;            callback(say); // 함수 호출!!!        } 1. 익명의 함수 사용        greeting('한사람', function(message){ // 익명함수 전달            console.log(message); ..
[JavaScript] 맵(Map) to string, string to Map Map -> String (Map to String)JSON.stringify(Array.from( map.entries()));        let map  = new Map();        map.set(1,'한사람').set(2, '두사람').set(3,'세사람');        let array = Array.from(map);        let str = JSON.stringify(array);String -> Map (String to Map)new Map(JSON.parse(str)); let map = new Map(JSON.parse(str));  ex05.html 파일을 다음과 같이 만듭니다.123456789101112131415161718192021222324252627282930..
[JavaScript] 맵(Map) to Object, Object to Map Object.entreisobject를 map으로 변환합니다.let map = new Map(Object.entries(obj));Object.fromEntriesmap을 object로 변환합니다.자료가 map에 저장되어있는데, third-party code에서 자료를 object로 넘겨받길 원할 때 이 방법을 사용할 수 있습니다. let  obj = Object.fromEntries(map);  ex05.html 파일을 다음과 같이 만듭니다.1234567891011121314151617181920212223242526272829303132333435363738394041424344!DOCTYPE html>html lang="ko"> head>    meta charset="UTF-8">    meta ..
[JavaScript] 맵(Map) 객체의 메서드들 Methods(메서드들)new Map() – 맵을 만듬 map.set(key, value) – key를 이용해 value를 저장 map.get(key) – key에 해당하는 값을 반환함 (key가 존재하지 않으면 undefined를 반환) map.has(key) – key가 존재하면 true, 존재하지 않으면 false를 반환. map.delete(key) – key에 해당하는 값을 삭제 map.clear() – 맵 안의 모든 요소를 제거 map.size – 요소의 개수를 반환 Iteration(반복자)map.keys() – key를 모은 iterable object를 반환 map.values() – value을 모은 iterable object를 반환 map.entries() – [key, value]..
[JavaScript] 맵(Map)객체의 요소 반복하기 let map = new Map([            ['컴퓨터', 1500],            ['마우스', 250],            ['프린터', 800]        ]);for ~ in아무값도 나오지 않습니다.        // 아무것도 나오지 않음        for( let item in map){            document.write(`${item} `);        }        document.write(``); for ~ of배열로 나타납니다. 0번은 키값이 1번은 값이 나옵니다.        for( let item of map){            document.write(`${item[0]} ===> ${item[1]} `);        }      컴..
[JavaScript] 맵(Map) 객체의 map[key]는 객체 접근입니다. map[key]는 Map을 쓰는 바른 방법이 아닙니다. map[key] = 2로 값을 설정하는 것 같이 map[key]를 사용할 수 있긴 합니다.  하지만 이 방법은 map을 일반 객체처럼 취급하는것 입니다.  따라서 여러 제약이 생기게 됩니다.map을 사용할 땐 map전용 메서드 set, get 등을 사용해야만 합니다. 객체 선언과 동시에 초기값을 지정 가능합니다.        let map = new Map(            [                ['1', 234],                ['2', 345]            ]        ); 메서드 체이닝도 가능합니다.        let kimc = {name:'김종서'};        let leec = {name:'이순신..
[JavaScript] 맵(Map) 객체의 set(), get() object와 map은 유사해보입니다, 그렇다면 맵은 언제 사용해야 할까요?key값으로 primitive value( (number, object, boolean, NaN, etc) )을 써야할 때는 map을 사용합니다.입력된 순서를  기억해야할 때는 map을 사용합니다.map에서는 쉽게 size를 얻을 수 있다. (Object에서는 Object.keys(obj).length로 접근가능)  primitive value로 키값을 지정하는 예입니다. 객체로도 가능하고 함수로도 가능합니다. 값을 넣을때는 set(키, 값) 메서드를 얻을때는 get(키)메서드를 사용해야 합니다. 값 넣기        let map = new Map();        map.set('1', '문자형 키');   // 문자형 키  ..

티스토리툴바