어제 오늘 내일

배열에서 특정 값 개수를 구하는 방법을 정리하였습니다. 1. for 반복문 2. filter 3. reduce for 반복문 const arr = ['a', 'b', 'c', 'a']; // 배열에서 'a' 개수 구하기 let count = 0; for(let i=0; i '..

Javascript에서 특정 객체가 배열인지, 그리고 그것이 배열이라면 빈 배열인지 확인하는 방법입니다. 빈 배열 체크하기 const arr1 = []; const arr2 = [1, 2]; const obj = {}; const str = ""; function isEmptyArr(arr) { if(Array.isArray(arr) && arr.length === 0) { return true; } return false; } document.writeln(isEmptyArr(arr1)); // true document.writeln(isEmptyArr(arr2)); // false document.writeln(isEmptyArr(obj)); // false document.writeln(isEmpt..

배열에 있는 값들이 몇번이나 중복 되는지 찾는 방법을 소개합니다. forEach() 이용하기 reduce() 이용하기 Map 객체 이용하기 1. forEach() 이용하기 const arr = ['a', 'b', 'a', 'b', 'c']; const result = {}; arr.forEach((x) => { result[x] = (result[x] || 0)+1; }); document.write(JSON.stringify(result)); const arr = ['a', 'b', 'a', 'b', 'c']; 중복되는 값을 가지는 배열이 있습니다. const result = {}; 중복된 값의 갯수를 저장하기 위한 Object를 선언하였습니다. arr.forEach(callback함수); 배열(arr..

for 반복문 사용 reverse() 함수 reverse() 함수 - 원본 배열 유지하기 1. for 반복문 사용 const arr = ['Apple', 'Banana', 'Orange']; // 배열 거꾸로 const reverse = []; for(let i=arr.length-1; i >= 0; i--) { reverse.push(arr[i]); } // 결과 출력 document.write('arr : ' + arr); document.write(' '); document.write('reverse : ' + reverse); 반복문을 사용하여 배열을 거꾸로 뒤집었습니다. 2. reverse() 함수 reverse() 함수는 배열의 순서를 거꾸로 만들어 줍니다. array.reverse() 이 함..

join() 함수 사용하기 toString() 함수 사용하기 1. join() 함수 사용하기 arr.join(separator) join() 함수는 배열의 모든 값들을 연결한 문자열을 리턴합니다. 이때 각각의 값들 사이에는 파라미터로 입력된 구분자(separator)가 들어가게 됩니다. 만약, separator를 입력하지 않은 경우, default로 ','가 들어갑니다. const arr = ['Apple', 'Banana', 'Orange']; // "Apple,Banana,Orange" const str1 = arr.join(); // "Apple-Banana-Orange" const str2 = arr.join('-'); // "AppleBananaOrange" const str3 = arr.joi..

Javascript의 배열에서 빈값 제거하는 방법 undefined 값만 제거하기 (filter 함수와 '!==' 연산자) undefined, null(nullish value) 제거하기 (filter 함수와 '!=' 연산자) 빈값(empty value) 제거하기 undefined, null, false, '', 빈값(empty) 모두 제거하기 0. filter 함수 알기 Javascript의 filter() 함수를 사용하면, 배열에서 특정 조건에 부합하는 값을 찾아서, 그 값들로 새로운 배열을 만들어서 리턴합니다. 그래서, 이 포스팅에서는, 배열에서 빈 값들을 찾아서 그 값들을 제외하고, 값이 있는 원소들로 새로운 배열을 만들어서 리턴하기 위해 filter 함수를 사용합니다. filter 함수를 잘 모..

Javascript의 배열에서 중복 되는 값을 제거하는 3가지 방법을 알아보도록 하겠습니다. 1. Set 2. indexOf(), filter() 3. forEach(), includes() 1. Set Javascript에서 Set 객체를 이용하면 중복없는 데이터를 표현할 수 있습니다. Set 객체의 이런 특징을 이용해서, 배열의 중복을 제거할 수 있습니다. const dupArr = [1, 2, 3, 1, 2]; const set = new Set(dupArr); const uniqueArr = [...set]; document.writeln(Array.isArray(uniqueArr)); document.writeln(uniqueArr); 위의 예제에서는 const set = new Set(dupA..

Javascript에서 Set 객체는 중복 없는 데이터를 표현합니다. 이번에는 Set 객체를 배열(Array)로 변환하는 3가지 방법을 알아보도록 하겠습니다. 1. Array.from() 2. Spread Operator (전개 연산자) 3. forEach 1. Array.from() Array.from 함수는 유사배열객체(array-like object)나 반복가능객체(iterable object)를 얕은 복사(shallow copy)하여 새로운 배열(Array) 객체를 만들어줍니다. 유사배열객체(array-like object) : length 속성과 index element를 가지는 객체 반복가능객체(iterable object) : 배열을 일반화한 객체 ex)Map, Set const set = ..

Javascript에서 배열을 초기화 하는 4가지 방법을 소개합니다. 1. 빈 배열 할당 let arr = [1, 2, 3]; arr = []; document.write('arr : ' + arr); 배열을 초기화 하는 가장 쉬운 방법입니다. 기존의 배열에 새로운 빈 배열을 만들어서 할당하였습니다. 2. 배열의 길이 설정 let arr = [1, 2, 3]; arr.length = 0; document.write('arr : ' + arr); 배열의 length 값을 0으로 설정해주었습니다. 이렇게 하면, 배열의 모든 값이 삭제되고, 배열이 초기화됩니다. 3. splice() 함수 let arr = [1, 2, 3]; arr.splice(0, arr.length); document.write('arr ..

배열 안의 element가 중복되는 값을 가지는지 체크하는 3가지 방법을 소개합니다. 배열 값 중복 체크하는 3가지 방법 1. 반복문 이용하기 2. Set 객체 이용하기 3. some(), indexOf(), lastIndexOf() 함수 이용하기 1. 반복문 이용하기 const arr = ['a', 'b', 'c', 'b']; let dupYn = false; for(let i = 0; i < arr.length; i++) { const currElem = arr[i]; for(let j = i+1; j < arr.length; j++) { if(currElem === arr[j]) { dupYn = true; break; } } if(dupYn) { break; } } document.writeln(..