배열이란?배열이란 여러개의 값을 순차적으로 나열한 자료구조.배열의 값은 요소(element)라고 부름.배열은 length 프로퍼티를 가짐배열은 배열 리터럴, Array 생성자 함수, Array.of, Array.from 메서드로 생성할 수 있음.자바스크립트 배열은 배열이 아니다자료구조에서 말하는 배열은 동일한 크기의 메모리 공간이 빈틈없이 연속적으로 나열된 자료구조를 말함.이러한 배열을 밀집 배열이라고 함.하지만 자바스크립트의 배열은배열의 요소를 위한 각각의 메모리 공간은 동일한 크기를 갖지 않아도 되며연속적으로 이어져있지 않을 수도 있다.이렇게 연속적이지 않은 배열을 희소 배열이라고 한다.자바스크립트의 배열은 일반적인 배열의 동작을 흉내낸 특수한 객체이다.배열의 요소는 사실 프로퍼티 값이다.어떤 타입의..
Language/JavaScript
async와 await은 비동기 코드를 작성하고 처리하는 방식을 간단하고 직관적으로 만들어주는 문법이다. ES8(ES2017)에서 도입되었으며, Promise를 사용한 비동기 처리보다 가독성과 사용성을 크게 개선했다.구 방식XHttpRequest 방식모든 주요 브라우저에서 지원되므로 호환성 문제가 없다.하지만 콜백 지옥에 갇히거나, 코드 복잡도가 올라갈 수 있다.function fetchData(callback) { const xhr = new XMLHttpRequest(); xhr.open("GET", "https://api.example.com/data", true); // POST : xhr.setRequestHeader("Content-Type", "application/json;charse..
두 가지 방법이 있는데, 주의할 점도 있다 꼭 끝까지 읽어보자. 1. Array.from() 방식const arr = Array.from({ length: 10 }, () => 0);유연한 초기화가 가능하다Array.from({ length: 10 }, (_, i) => i); // [0, 1, 2, 3, 4, 5, 6, 7, 8, 9] 2. Array() 방식const arr = Array(10).fill(0);Array()의 주의할 점객체나 배열과 같이 참조가 가능한 타입으로 fill을 하게 되면, 참조값 하나가 전체 요소에 fill된다.그래서 한 요소의 값만 바꿔도 전체가 바뀐다.const arr = Array(3).fill({});arr[0].a = 1;console.log(arr); //..
PS중 forEach()에서 break를 사용할 수 없다는 사실을 깨달았다.이를 해결하기 위해 some()과 every()를 알아봤다 some()과 every()란?자바스크립트 배열 메서드 중 하나로, 배열의 각 요소를 순회하면서 특정 조건을 만족하는지 검사하는 역할을 한다.둘 다 콜백 함수를 실행하며, Boolean 값을 반환한다.메서드설명some(callback)배열 요소 중 하나라도 조건을 만족하면 true 반환every(callback)배열 요소가 모두 조건을 만족해야 true 반환 📌 some() 사용법some()은 배열 요소 중 하나라도 주어진 조건을 만족하면 즉시 true를 반환하고 순회를 멈춘다.const numbers = [1, 3, 7, 10, 12];// 요소 중 10보다 큰 값이 ..
구조 분해 할당은 구조화된 배열과 같은 이터러블 또는 객체를 destructuring하여 1개 이상의 변수에 개별적으로 할당하는 것을 말한다. 배열과 같은 이터러블 또는 객체 리터럴에서 필요한 값만 추출하여 변수에 할당할 때 유용하다. in ES5 ES5에서 구조화된 배열을 디스트럭처링하여 1개 이상의 변수에 할당하는 방법은 다음과 같다. var arr = [1, 2, 3]; var one = arr[0]; var two = arr[1]; var three = arr[2]; console.log(one, two, three); // 1 2 3 in ES6 ES6의 배열 디스트럭처링 할당은 배열의 각 요소를 배열로부터 추출하여 1개 이상의 변수에 할당한다. 이 때 배열 디스트럭처링 할당의 대상(할당문의 우..
var str = ''; // Falsy값. var length = str && str.length; // 문자열의 길이를 참조하지 못함 ㅠㅠ console.log(length); // '' 논리 연산자를 사용한 단축 평가 논리합(||) 또는 논리곱(&&) 연산자 표현식의 평가 결과는 불리언 값이 아닐 수도 있다. 논리합 또는 논리곱 연산자 표현식은 언제나 2개의 피연산자 중 어느 한 쪽으로 평가된다. 아래 예제가 이번 포스팅의 핵심이다. 'Cat' && 'Dog' // -> "Dog" 'Cat' || 'Dog' // -> "Cat" 단축평가는 표현식을 평가하는 도중에 평가 결과가 확정된 경우 나머지 평가 과정을 생략하는 것을 말한다. 논리곱 연산자 단축 평가 논리곱 연산자는 두 개의 피연산자가 모두 t..
