본문 바로가기

JavaScript7

[JavaScript 피셔 예이츠 셔플 알고리즘 (Fisher-Yates Shuffle)] 1. 피셔-에이츠 셔플 알고리즘 개요 피셔-에이츠 셔플(Fisher-Yates shuffle) 알고리즘은 배열의 요소를 무작위로 섞는 알고리즘 중 하나입니다. 랜덤 함수의 사용을 최소화하면서 요소를 섞는 효과적인 방법 중 하나로 알려져 있습니다. 2. 피셔-에이츠 셔플 알고리즘 동작 방식 1. 배열의 마지막 요소부터 시작하여 첫 번째 요소까지 반복합니다. 2. 현재 위치(i)와 배열의 무작위 위치(j)를 선택합니다. (0 2023. 4. 27.
[JavaScript 구조 분해 할당(Destructuring)] 1. 구조 분해 할당이란? 구조 분해 할당은 객체나 배열에서 값을 추출하여 변수에 할당하는 것을 말한다. 이를 통해 간단하게 객체나 배열에서 필요한 값만 추출할 수 있다. 어떤 객체의 속성과 그 속성을 변수에 담는 변수명이 같을 때 사용할 수 있다. 2. 구조 분해 할당 예시 // 배열에서 구조 분해 할당 예시 const arr = [1, 2, 3, 4, 5]; const one = arr[0]; const two = arr[1]; const three = arr[2]; const four = arr[3]; const five = arr[4]; //구조 분해 할당 했을 때 const [one, two, three, four, five] = arr; // DOM API에서 구조 분해 할당을 사용하지 않은 .. 2023. 4. 26.
[JavaScript 유사 배열(Array-like Object)] 1. 유사 배열이란? 자바스크립트에서 유사 배열(Array-like Object)이란 배열과 유사한 구조를 갖지만, 배열과는 다른 특징을 갖는 객체를 말한다. 유사 배열은 일반적으로 length 프로퍼티를 가지며, 인덱스로 접근이 가능하지만, 배열의 메서드 및 프로퍼티를 가지고 있지 않다. 2. 유사 배열의 예시 유사 배열의 대표적인 예시는 arguments 객체와 NodeList 객체이다. arguments 객체는 함수 내부에서 전달된 인자를 배열 형태로 다룰 수 있게 해주는 객체이며, NodeList 객체는 문서 객체 모델(DOM)에서 요소를 참조할 때 반환되는 객체이다. function sum(){ console.log(arguments.length); // 7 console.log(argument.. 2023. 4. 25.
자바스크립트 배열 (JAVASCRIPT ARRAY) const color = ['red', 'blue', 'orange', 'yellow', 'green']; console.log(color[0]) // 배열의 0번째 인덱스를 콘솔에 띄워줌 // red color.length; // 배열의 요소 개수 알려줌 // 5 color[5] = 'apple'; // color = ['red', 'blue', 'orange', yellow', 'green', 'apple'] color.shift(); // 배열의 맨 처음 값을 제거해줌 //color = [blue', 'orange', yellow', 'green', 'apple'] color.unshift('red'); // 배열의 맨 앞에 'red'를 넣어줌 //color = ['red', 'blue', 'ora.. 2023. 4. 18.