반응형 array10 [javascript] 자바스크립트 배열 초기화 참고: https://flexiple.com/javascript/clear-javascript-array/ 이 포스트에서는 자바스크립트를 사용하여 배열을 비우거나 지우는 여러 방법을 알아보겠습니다. 빈 배열로 대체 arry = [1, 2, 3, 4]; arry = []; console.log(arry); 이 방법은 지우려는 배열에 대한 참조가 없을 경우 잘 작동합니다. 또한 이 방법은 배열을 초기화하는 가장 빠르고 쉬운 방법입니다. 배열의 길이를 0으로 지정 arry = [1, 2, 3, 4]; arry.length = 0; console.log(arry); 배열의 길이를 나타내는 length 속성이 0으로 설정되면 모든 배열 요소는 자동으로 삭제됩니다. splice() 메소드 사용 splice()는 배.. 2023. 6. 27. [javascript] 자바스크립트 배열 생성 (array) 참고: https://www.freecodecamp.org/news/how-to-create-an-array-in-javascript/ 배열은 정렬된 요소의 목록을 저장하는 데이터 구조입니다. 이 포스트에서는 JavaScript를 사용하여 배열을 생성하는 세 가지 방법을 알아보겠습니다. 또한 split() 메소드를 사용하여 문자열에서 배열을 만드는 방법도 알아보겠습니다. 할당 연산자를 사용하여 자바스크립트 배열을 만드는 방법 자바스크립트로 배열을 만드는 가장 일반적인 방법은 다음과 같이 해당 배열을 변수에 할당하는 것 입니다: const books = ["The Great Gatsby", "War and Peace", "Hamlet", "Moby Dick"]; 배열을 console.log()로 출력해보면.. 2023. 6. 15. [javascript] 자바스크립트 배열 항목 위치 이동 (swap) 참고: https://www.freecodecamp.org/news/swap-two-array-elements-in-javascript/ JavaScript에서 배열 작업을 할 때 배열의 두 항목의 위치를 바꿔야 하는 경우가 있습니다. 예를 들면 두 값을 비교한 다음 조건이 참이면 스왑하는 버블 정렬 알고리즘 등이 있을 수 있습니다. 이 외에도 다양한 상황에서 배열의 요소를 스왑하는 경우가 있을 것 입니다. swap 이라는 용어의 의미를 아직 이해하지 못한 경우를 대비해 간단히 설명하겠습니다. 아래 이미지와 같이 숫자 배열이 있고 인덱스 0의 요소 12와 인덱스 1의 요소 -2의 위치를 바꾸고 싶을 때 두 값의 위치를 바꾸는 것을 swap 한다고 부릅니다. JavaScript로 이러한 유형의 작업 수행에.. 2023. 5. 23. [javascript] 자바스크립트 배열 추가 (push) 참고: https://blog.hubspot.com/website/javascript-array-push JavaScript 개발자라면 배열로 작업하는 방법을 알아햐 합니다. 특히 많은 양의 데이터를 접해야한다면 더더욱 그렇습니다. JavaScript 내에서 배열은 단일 변수에 여러 개의 요소를 저장하는 용도로 사용합니다. 하지만 배열의 요소를 수동으로 추가한다면 시간이 많이 걸리고 복잡해집니다. 이런 경우 JavaScript 배열 push 메소드를 사용하면 됩니다. 이 포스트에서는 JavaScript 배열의 push 메소드를 사용하는 방법을 알아보겠습니다. JavaScript array push 란? 이미 여려개의 요소를 가지고 있는 배열이 있다고 가정해보겠습니다. 이 배열에 요소를 추가하고자 한다면 .. 2023. 5. 21. [javascript] 자바스크립트 배열 정렬 (array sort) 참고: https://www.javascripttutorial.net/javascript-array-sort/ 이 포스트에서는 JavaScript Array의 sort() 메소드로 숫자의 배열, 문자열의 배열, 객체의 배열을 정렬하는 방법을 알아보겠습니다. JavaScript Array sort() 메소드 sort() 메소드를 사용하면 배열의 요소를 알맞은 자리에 정렬할 수 있습니다. sort() 메소드는 정렬된 배열을 리턴하기도 하지만 원본 배열의 요소 위치도 변경합니다. sort() 메소드는 기본적으로 작은 값 부터 큰 값 까지 오름차순으로 정렬하고 이 때 요소를 문자열로 캐스팅여 문자열 비교를 통해 순서를 결정합니다. 다음의 예제를 확인해 보겠습니다: let numbers = [0, 1, 2, 3,.. 2023. 5. 4. [javascript] 자바스크립트 랜덤으로 배열 섞기 (shuffle array) 참고: https://sabe.io/blog/javascript-shuffle-array 대부분의 상황에서 배열의 순서는 중요하게 여겨지며 배열이 그렇게 나열된 데는 각자 이유가 있습니다. 하지만 어떤 경우에는 배열의 요소를 무작위로 섞어 새 위치에 나열하도록 해야할 때가 있습니다. 이 포스트에서는 JavaScript로 배열의 요소를 쉽게 섞는 방법을 알아보겠습니다. JavaScript로 배열을 섞는 방법 배열을 섞는 가장 쉬운 방법은 sort() 메소드를 사용하는 것 입니다. sort() 메소드는 콜백 함수를 매개변수로 받습니다. 이 콜백 함수는 비교할 두 개의 요소를 매개변수로 사용하고 이 콜백 함수의 결과로 순서를 결정할 수 있도록 합니다. 이 콜백 함수의 리턴 값이 음수면 첫 번째 요소가 두 번째.. 2023. 5. 3. [javascript] 자바스크립트 배열 중복 제거 참고: https://www.javascripttutorial.net/array/javascript-remove-duplicates-from-array/ 이 포스트에서는 JavaScript의 배열에서 중복된 항목을 제거하는 방법을 알아보겠습니다. 1. Set를 사용하여 배열에서 중복 제거 Set 객체는 고유한 값의 집합을 가집니다. 배열에서 중복 항목을 제거하려면: 먼저 중복된 배열을 Set로 변환합니다. 새 Set는 중복 요소를 암묵적으로 제거합니다. 그다음 Set를 다시 배열로 변환합니다. 다음 예제에서는 Set를 사용하여 배열에서 중복 항목을 제거합니다: let chars = ['A', 'B', 'A', 'C', 'B']; let uniqueChars = [...new Set(chars)]; con.. 2023. 3. 14. [javascript] 자바스크립트 배열에서 특정 값 삭제 자바스크립트의 배열은 여러 값을 묶을 수 있고 그 값들에서 루프를 돌 수 있게 해줍니다. 이를 위해 다양한 방법으로 값을 추가하거나 제거할 수 있는데 간단하게 쓸 수 있는 Array.remove() 메소드는 존재하지 않습니다. 그 대신 자바스크립트 배열에는 값을 정리할 수 있는 다양한 방법을 제공합니다. 예를 들면 pop() 메소드를 통해 배열의 끝부터, shift() 메소드로 배열의 부터, splice() 메소드를 통해 배열의 중간에서 제거하는 등 다양한 방법이 있습니다. 다음은 자바스크립트 배열에서 항목을 제거하는데 사용할 수 있는 여러가지 방법의 예입니다. pop(): 배열의 끝에서 항목 제거 shift(): 배열의 시작에서 항목 제거 splice(): 배열의 특정한 인덱스에서 제거 filter().. 2022. 9. 7. [javascript] 자바스크립트 배열 비교 방법 (compare two arrays) 참고: https://www.30secondsofcode.org/articles/s/javascript-array-comparison 단순 비교 JavaScript에서 느슨하거나 엄격한 등가연산자(== 또는 ===)로 두개의 배열을 비교하면 대부분의 결과는 false가 됩니다. 심지어 두개의 배열이 동일한 항목을 동일한 순서로 가지고 있더라고 마찬가지입니다. 왜 이런 결과가 나오냐면 JavaScript에서 배열과 객체는 값을 비교하는게 아니라 객체의 주소를 비교하기 때문입니다. 이는 다음의 예제는 원하는 결과를 내주지 않는다는 말입니다. const a = [1, 2, 3]; const b = [1, 2, 3]; a === b; // false JSON.stringify 일반적인 해결 방법으로 많은 사람들.. 2022. 8. 26. [javascript] 자바스크립트 array 사용 방법 참고: https://www.programiz.com/javascript/array 이 튜토리얼은 예제와 함께 javascript array를 배울 수 있도록 했습니다. array는 여러개의 값을 한번에 저장할 수 있는 객체입니다. 예를 들면 const words = ['hello', 'world', 'welcome']; 여기서 words가 array 입니다. 그리고 이 배열은 3개의 값을 저장하고있습니다. array 생성하기 array는 다음의 두가지 방법으로 생성할 수 있습니다. 1. array 리터럴 사용하기 배열을 생성하는 가장 쉬운 방법은 array 리터럴 '[]'을 사용하는 것 입니다. const array1 = ["eat", "sleep"]; 2. new 키워드 사용 배열은 javascrip.. 2022. 4. 27. 이전 1 다음 반응형
