어제 오늘 내일

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

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(..

배열 정렬하기 (오름차순, 내림차순, 문자열, 객체) 1. sort() 함수 2. sort() 함수로 숫자 오름차순 정렬하기 3. sort() 함수로 숫자 내림차순 정렬하기 4. sort() 함수로 문자열 정렬하기 5. sort() 함수로 문자열(대소문자 구분없이) 정렬하기 6. sort() 함수로 객체 정렬하기 1. sort() 함수 Javascript에서 배열을 정렬하기 위해서는 sort() 함수를 사용합니다. arr.sort([compareFunction]) 파라미터 compareFunction 정렬 순서를 정의하는 함수. 이 값이 생략되면, 배열의 element들은 문자열로 취급되어, 유니코드 값 순서대로 정렬됩니다. 이 함수는 두 개의 배열 element를 파라미터로 입력 받습니다. 이 함수가 ..

배열의 내장객체인 reduce() 함수는 배열의 element들을 처리하여 하나의 값을 도출해 내는 함수입니다. 여러가지 다양한 방법으로 이 함수를 활용할 수 있지만, 이 포스팅에서는 reduce() 함수를 이용하여 배열 element들의 합계와 평균을 계산하는 방법을 알아보도록 하겠습니다. 배열의 합계, 평균 계산하기 - reduce(), reduceRight() 1. reduce() 2. reduce() 함수로 배열의 합계 구하기 3. reduce() 함수로 배열의 평균 구하기 4. reduceRight() 1. reduce() arr.reduce(callback(accumulator, currentValue [, currentIndex[, array]]) [, initialValue]) let va..

map() 함수는 배열을 다룰 때 매우 자주, 유용하게 사용되는 함수입니다. 배열의 map() 함수는, 배열을 순회하면서 각 element의 값을 변경하여 새로운 배열을 만들어 줍니다. map() 함수로 새로운 배열 생성하기 arr.map(callback(currentValue[, index[, array]])[, thisArg]) map() 함수는... 배열(arr)의 각각의 element들이 callback 함수의 파라미터로 전달되고, map() 함수는 이 callback 함수가 return 하는 값으로 새로운 배열을 만들어서 리턴합니다. 파라미터 callback(currentValue, index, array) 새로운 배열을 생성하는 함수이고, 다음 3개의 파라미터를 받습니다. currentValu..

배열에서 특정 값을 찾는 방법을 알아보고 있습니다. 앞에서는 특정 값이 배열에 존재하는지, 존재한다면 어느 위치에 있는지 찾는 방법을 알아보았습니다. [Javascript] 배열 특정 값 위치(index) 찾기 - indexOf(), lastIndexOf() [Javascript] 배열 특정 값 위치(index) 찾기 - findIndex() [Javascript] 배열에 특정 값이 포함되어 있는지 여부 체크하기 이번에는 배열에서 특정 값을 찾아서 리턴하는 함수 find() 와 filter()를 알아보도록 하겠습니다. 배열의 특정 값 찾기 - find(), filter() 1. find() 2. filter() 1. find() arr.find(callback(element[, index[, array]..

Javascript의 배열 안에 특정 값이 포함되어 있는지 여부를 체크하는 방법을 소개합니다. 배열에 특정 값이 포함되어 있는지 여부 체크하기 배열 안에 특정 값이 포함되어 있는지 여부를 체크하기 위해서 기본적으로 반복문을 사용하여 체크할 수도 있지만, 여기서는 몇 가지 Javascript 함수를 소개합니다. 1. indexOf(), lastIndexOf() 2. includes() 3. findIndex() 4. some() 5. includes() vs some() 1. indexOf(), lastIndexOf() arr.indexOf(searchElement[, fromIndex]) arr.lastIndexOf(searchElement[, fromIndex]) indexOf() 함수는 배열 안에서 ..

Javascript에서 배열을 다루는 방법을 알아보고 있습니다. [Javascript] 배열 선언하는 2가지 방법 [Javascript] 배열 앞, 뒤에 값 추가, 삭제하기 (1) [Javascript] 배열 중간에 값 추가, 삭제하기 (2) - splice() 함수 [Javascript] 배열 합치기 3가지 방법 [Javascript] 배열 자르기 - slice() 배열을 같은 값으로 채우기 이번에는 배열을 같은 값으로 채우는 fill() 함수에 대해서 알아보겠습니다. fill() arr.fill(value[, start[, end]]) fill() 함수는 배열의 start index부터 end index 전까지(end index는 미포함) value값으로 채워주는 함수입니다. 파라미터 value 배열..