Javascript

Javascript

Javascript - 기존배열요소 와 추가될 요소 중복검사 하는법 some()

1인당 1개의 제품만을 구매할 수 있는 조건을 가진 상품이라면 중복으로 장바구니에 담기는것은 당연히 안될것입니다. 제품을 장바구니에 담은후 또 같은제품을 장바구니에 담으려는 시도를하면 중복구매는 할수없다고 알림창을 띄어주는것이 사용자 경험에 좋을것입니다. 저는 NFT 거래소 사이트를 만들고있는데 NFT도 1개의 NFT는 중복으로 장바구니에 담을수 없기에 중복검사 로직 추가가 필요했습니다. Array.prototype.some() 을 사용해보자! 문법 arr.some(function(currentValue, index, array), thisValue)) some 메서드는 콜백함수의 반환값이 하나라도 true 라면 true를 반환하고 모두 false라면 false를 반환하게됩니다. 장바구니에 위와같은 배열..

Javascript

JavaScript - 함수 호출 분석 해보기

function c(){ console.log('c') } function a(){ console.log('a') function b(){ console.log('b') c() } b() } a() c() a와 c 함수의 결과는 어떻게 될까? 일단 함수의 호출과 선언을 알아야한다. 자바스크립트 엔진은 코드를 위에서 아래로 읽으며 진행하게된다. 1. a() 함수가 호출되었으니 a함수의 선언문으로 이동하여 콘솔로그 'a'를 찍는다. 이후 선언문 아래로 진행. 2. b함수의 선언문이 발견되었다. 하지만 선언문이므로 그대로 밑으로 진행 3. b함수가 호출되었다 b함수의 선언문으로 이동하여 콘솔로그 'b'를 찍는다. 곧바로 'c'함수가 호출되어 콘솔로그 c를찍는다. 4. a함수 호출이 모두 끝났으므로 a함수 호출..

Javascript

Javascript - 널 병합 연산자 "??"

??(널 병합 연산자) 란 변수가 null 이나 undefined 인 경우 기본값을 반환하고 null 이나 undefined가 아닐경우 변수의 값을 반환한다. const name = null ; const defaultName = '태진'; const displayName = name ?? defaultName; console.log(displayName) // "태진" const age = 25; const defaultAge = 18; const validAge = age ?? defaultAge; console.log(validAge); // 25

Javascript

JavaScript - Scope

모든 식별자(변수,함수,클래스 등)는 자신이 선언된 위치에 의해 다른 코드가 식별자 자신을 참조할 수 있는 유효 범위가 결정된다. 이를 스코프라 한다. 즉 , 스코프는 식별자가 유효한 범위를 말한다. 스코프의 종류 스코프는 전역스코프 와 지역스코프 로 구분할 수 있다. var x = "global x"; var y = "global y"; function outer() { var z = "outer's local z"; console.log(x) global x console.log(y) global y console.log(z) outer's local z function inner() { var x = "inner's local x "; console.log(x) inner's local x cons..

avalanche-
'Javascript' 카테고리의 글 목록