Sweet But Psycho

1. Object[key] 2. Object.key 2번 방식은 오로지 속성과 일치하는 문자열만 접근할 수 있고 1번 방식은 다른 변수를 대입해서 접근할 수 있는 방식이다!

const Arr = arr.filter((item) => func(해당 함수에 만족하는 애들만 Arr에 저장된다.)) 참고문서링크 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/filter Array.prototype.filter() - JavaScript | MDN filter() 메서드는 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환합니다. developer.mozilla.org

string 인 USDKRW 환율 데이터를 확인해보니 1,192.3 이었다. const USDKRW = '1192.3' 바로 Number('1,192.3') 로 바꾸려고 하니 NaN이 떴다. Number(USDKRW) ==> NaN 천단위를 나타내는 , 문자를 지우기 위해 //([원래 문자열]).replace(',', '') 컴마를 없애겠다!! (USDKRW).replace(',', '') 이제 Number로 바꿔주면 된다! Number((USDKRW).replace(',', '')) //expected 1192.3

'obj' 라는 객체가 있을 때, const obj = { 1: '후후', 2: '안뇽', 3: '헤헤', } 배열 길이 구하는 거랑 약간 비슷하면서도 약간 다르다. keys() 안에 객체명을 넣어준다. const count = Object.keys(obj).length //expected 3 22.01.19 오늘 새로 알게 된 사실은 Object.key() 가 객체를 배열로 바꿔주는 기능을 한다는 것이다. 그렇기 때문에 .length를 사용할 수 있다.

try{ 코드가 문제 없다면 정상적으로 실행되는 부분 throw문에 의해 직접 예외를 발생시킬 수도 있고 메서드의 호출에 의해 예외가 발생할 수도 있다. }catch(e){ try 블록에서 예외가 발생할 경우에만 실행되는 부분 지역 변수 e를 사용하여 Error 객체를 확인할 수 있다. }finally{ 예외 발생 유무에 관계없이 try 블록이 종료되면 실행되는 부분 try catch 문을 뒷정리하는 역할을 한다. } let i = 0, total = 0; while (i < a.length){ try{ if(typeof a[i] != 'number' || isNaN(a[i]))){ continue; }catch(e){ console.log(e); } total += a[i]; }finally{ i++;..

생성자 함수는 받은 인자를 해당 속성으로 추가하여 객체로 만드는 함수를 말한다. 생성자 함수의 정의는 다음과 같다. //함수랑 비슷하게 생겼긴 한데 //this로 참조하는 객체의 속성 property를 할당한다는 차이점이 있다! function 생성자명(){ this.property } 다음과 같이 생성자 함수를 호출하고 생성된 객체를 생성자 변수에 저장할 수 있다. 생성자 함수를 통해 만들어진 객체를 인스턴스라고 한다. let 생성자 = new 생성자명(); 아래는 생성자 함수를 이용하여 인스턴스를 생성한 예시이다. let coin = new Coin("이더리움", "200만원", "6%"); { this.name : "이더리움"; this.value : "200만원"; this.increment : ..

✔Babel이란? 최신 사양의 자바스크립트 코드를 인터넷 익스플로러나 구형 브라우저에서도 동작하는 ES5 이하의 코드로 변환해준다. ✔예시 ES6 화살표 함수, ES7 지수 연산자를 사용한 코드는 [1, 2, 3].map(n => n ** n); Babel을 사용하여 ES5 이하의 버전으로 변환한다. "use strict" [1, 2, 3].map(function(n){ return Math.pow(n, n); }); ✔사용법 # 터미널에 아래와 같이 입력하여 env preset 설치 $ npm install --save dev @babel/preset-env //.babelrc 파일 생성하고 아래와 같이 작성 { "presets" : [@babel/preset-env"] } { //설치 직후 "name..

📌Array.prototype.find() : 값 찾기!! find() 메서드는 주어진 판별 함수를 만족하는 첫번째 요소의 값을 반환한다. 그런 요소가 없다면 undefined를 반환한다. const array1 = [5, 12, 8, 130, 44]; const found = array1.find(element => element > 10); console.log(found); //expected output : 12 📌Array.prototype.findIndex() : 위치 찾기!! 함수 조건 findIndex()메서드는 주어진 판별 함수를 만족하는 배열의 첫번째 요소에 대한 인덱스를 반환한다. 만족하는 요소가 없으면 -1을 반환한다. const array1 = [5, 12, 8, 130, 44];..

📌Promise 프로미스 객체는 비동기 작업 처리에 사용되는 객체이다. 주로 서버에서 받아온 데이터를 화면에 표시할 때 사용! 일반적으로 웹 어플리케이션을 구현할 때, 서버에서 데이터를 요청하고 받아오기 위해 $.get('url 주소/products/1', function(response){ }); 같은 API를 사용한다. 위 API 가 실행되면 서버에 데이터를 요청하게 되는데 여기서 데이터를 받아오기도 전에 데이터를 받아온 것마냥 화면에 데이터를 표시하려고 하면 오류가 발생한다. 이 문제점을 해결하기 위한 것이 프로미스이다. 1. 비동기 처리를 위해 프로미스 대신 콜백 함수를 사용한 것이다. //서버에서 받은 데이터 response를 callbackFunc() 함수에 넘겨준다. function getD..

📌switch switch 문은 if문 같은 조건문이다. 인자로 들어온 expression의 결과 값에 대해 case 와 비교하여 코드를 실행한다. switch(expression){ case value1 : //expression의 결과가 value1일 때, 실행되는 부분 case value2 : //expression의 결과가 value2일 때, 실행되는 부분 default : //아무것도 결과가 일치하지 않을 때, 실행되는 부분 } 📌사용 예시 const expr = '메론 메롱'; switch(expr){ case '오렌지 먹은지 오랜지: console.log('Oranges 상큼'); break; case '딸기당근수박': console.log('참외메론게임'); break; case '메론 메..