Sweet But Psycho

객체 하나가 있다고 해보자. 예시는 간단한 객체이지만 데이터를 정제하는 실상황에서는 아주 복잡한 객체일 가능성이 높다. 그렇다면 이 객체에서 내가 찾고 싶은 속성이 있는지 존재하는지 확인하는 방법은 아래 두가지 함수를 활용할 수 있다. const person = { name: 'jeje', age: 26 } 1. hasOwnProperty() [객체명].hasOwnProperty('[찾을 속성명]') 2. in '[속성명]' in [객체명] hasOwnProperty 와 in 의 차이점! hasOwnProperty 은 in 과 다르게 toString() 와 같이 객체로부터 상속받은 속성을 체크할 수 없다. 참고자료링크 https://hianna.tistory.com/420 [Javascript] 객체에 ..

if 반대라고 생각하면 된다! if가 true일 때 실행되는거라면 assert는 false일 때 실행된다!! // 해당 숫자가 짝수가 아니라는 에러 메세지 const errorMsg = 'the # is not even'; // 2부터 5까지 숫자 반복문 돌린다. for (let number = 2; number

루프문에서 어떤 조건에서 continue 를 실행한다 하면 해당 iteration 을 건너뛰고 다음 코드를 실행한다는 뜻이다. 참고문서링크: https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/continue continue - JavaScript | MDN continue 문은 현재 또는 레이블이 지정된 루프의 현재 반복에서 명령문의 실행을 종료하고 반복문의 처음으로 돌아가여 루프문의 다음 코드를 실행합니다. developer.mozilla.org

const our_property = '속성1' const data = arr.find(item => item.property === our_property) // 일치하는 속성이 있다면! // expected: { name: '이름1', property: '속성1' } // 일치하는 속성이 없다면! // expected: undefined 근데 만약에 브라켓을 추가했다면!! const data = arr.find(item => { item.property === our_property }) // 일치하는 속성이 있어도!! // expected: undefined // 일치하는 속성이 없어도!! // expected: undefined 그럼 어떻게 해야 되냐?! const data = arr.find(i..

JSON.stringify(DATA, null, 2)

정의한 함수 const getData = () => { return data } //getData 함수가 실행되고 끝나는 시간을 label 옆에 밀리초로 표시해준다. console.time('time과 timeEnd의 label을 똑같이 지정해준다.') await getData() //함수 실행 console.timeEnd('time과 timeEnd의 label을 똑같이 지정해준다.') //expected //time과 timeEnd의 label을 똑같이 지정해준다.: 672.004ms react 에서는 그냥 쓸 수 있고 react native에서는 라이브러리를 다운받아야 한다. yarn add react-native-console-time-polyfill import 'react-native-conso..

아래와 같이 하나는 string 타입의 변수, 다른 하나는 number 타입의 변수가 있다. const balance = '3' const count = 1 1. 문자와 숫자의 합 console.log(balance + count) //expected: 31 2. 문자의 암묵적 타입 변환 +balance //라고 한다면? string에 +를 붙일 수 있나? 그렇다면 아래 식은 계산 가능한가? 에러가 나지 않을까? 안난다. balance 를 넘버 타입으로 생각하고 계산한다. console.log(+balance - 1) //expected: 2 3. 숫자의 문자화 //숫자에 문자 타입을 씌워주는 것처럼! 0 + '' = '0' 참고문서링크: https://poiemaweb.com/js-type-coerci..

✅ sort 아스키코드 순으로 정렬하기 때문에 한자리 수 이상이 담긴 배열을 정렬하기 위해서는 비교함수를 인자로 넘겨주어야 한다. 얘는 원본 배열을 건드린다!! 아래 예제의 경우 두 수의 비교에서 결과가 -1이라면 a를 우선으로 정렬하고 0이라면 그대로 두고, 1이라면 b를 우선으로 정렬한다. const number = [4, 2, 1, 3, 5, 7, 6] const ascFuc = (a, b) => { return a - b } const descFuc = (a, b) => { return b - a } console.log(number.sort(ascFuc)) // expected: [1, 2, 3, 4, 5, 6, 7] console.log(number.sort(descFunc)) /// expe..

애송이 시절 나의 글 이때 내가 Promise 개념에 대해 처음 접하고 쓴 글이다. 다시 읽어보았는데 음...이해를 못하고 정리만 예쁘게 한 글이었다. 지금 어느정도 이해를 한 상태에서 다시 읽어보고 샘플 코드로 정리를 해본다. https://jemerald.tistory.com/30 21.04.19 Promise 📌Promise 프로미스 객체는 비동기 작업 처리에 사용되는 객체이다. 주로 서버에서 받아온 데이터를 화면에 표시할 때 사용! 일반적으로 웹 어플리케이션을 구현할 때, 서버에서 데이터를 요청하 jemerald.tistory.com 방법 1. then, catch Promise 방식에서 단일 Promise, chaining Promise, Promise All 이 있다. 내가 선호하는 방식 co..

두 객체가 다음과 같이 있다고 하면 const chicken = { bhc: "뿌링클", bbq: "황금올리브", 교촌: "허니콤보", 굽네: "고추바사삭", } const liquid = { beer: "테라", 소주: "참이슬", 막걸리: "지평생", } 방법 1. Object.assign() 두 객체를 직접 합치는 방식이며 원본 객체는 바꾸지 않는다. const todaySnack = Object.assign(chicken, beer) { bhc: "뿌링클", bbq: "황금올리브", 교촌: "허니콤보", 굽네: "고추바사삭", beer: "테라", 소주: "참이슬", 막걸리: "지평생", } 방법 2. spread 연산자 const todaySnack = { ...chicken, ...liquid..