javascript 4

[Javascript] 객체와 배열의 구조 분해 할당(Destructuring Assignment)

구조 분해 할당 (Destructuring Assignment) 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 Javascript 표현식 비 구조화 할당 이라고도 부른다. 배열 : Index를 활용한 구조 분해 할당 객체 : Property의 Key값을 활용한 구조 분해 할당 배열의 구조분해 #1. 기본문법 var/let/const [변수명1, 변수명2] = [할당값1, 할당값2]; let [a,b] = [10,20]; console.log(a); // 10 console.log(b); // 20 할당받을 변수를 왼쪽에, 분해할 대상을 오른쪽에 대입한다. 동일한 Index를 가지는 변수명에 분해되는 배열의 해당 Index 값이 할당된다. 예를들어 위 코드의 a,b값을 서로 바꾸..

Frontend/Javascript 2023.10.05

[Javascript] Truthy & Falsy / 단락회로평가 (Short Circuit Evaluation)

Truthy와 Falsy Javascript의 조건식에서는 Boolean 값이 아니어도 True 또는 False로 인식되는 값들이 있다. Truthy : 참 같은 값 빈 배열 [ ] 빈 객체 { } 0이 아닌 Number ( 42, -42, Bigint, float...) Infinity 비어 있지 않은 String ("0", "false"...) Falsy : 거짓 같은 값 null undefined NaN 0 , -0 비어 있는 String ("") Boolean 값이 아니어도 true, false로 인식되는 Truthy, Falsy 한 값들을 사용해 논리연산자에서 단락회로평가가 발생하는 연산에 대해 알아보자. 단락회로평가(Short Circuit Evaluation)란? 💡 논리연산자 사용 시 피연..

Frontend/Javascript 2023.10.04

[Javascript] 객체(Object)란? 선언법과 추가,삭제,수정 방법

객체(Object)란? Javascript는 객체기반 스크립트 언어로 javascript를 이루고 있는 거의 모든 것은 객체이다. 객체(Object) : 여러 속성을 하나의 변수에 저장할 수 있도록 해주는 데이터 타입 ❤️ 객체의 특징 중괄호를 사용해서 선언 { } 객체 내에는 key-value 쌍으로 자료를 넣을 수 있다. key-value로 묶인 한 쌍을 객체 property(프로퍼티) 라고 명명한다. 객체 프로퍼티는 개수 제한이 없다. key는 문자열로만 구성될 수 있으며, 따옴표를 쓰지 않는다. value에는 어떤 자료형이든 들어갈 수 있다. 객체를 복사하면 참조가 복사되고 객체는 복사되지 않는다. 객체 선언방법 1. 객체 리터럴 const person = { name : "oneyenee", a..

Frontend/Javascript 2023.10.02

[Javascript / Array] find, findIndex : 배열 검색하기

Array.find(callback) callback( element, index, array ) callback 함수 실행값이 true인 element를 반환 원하는 요소를 찾자마자 메서드 종료. 가장 먼저 callback 함수 조건에 맞는 첫번째 element를 찾아냄 조건을 만족하는 element가 없을 경우 undefined 반환 파라미터 설명 필수값 element 현재 처리중인 배열의 element Y index 현재 처리중인 배열의 index N array find가 호출된 배열 N 리턴값 element (undefined) const arr = [4, 3, 6, 9, 1, 20, 74, 232]; const find1 = arr.find(e => e>5); // find1 = 6 const ..