안녕하세요 ~ 오늘은 자바스크립트에서 배열처럼 사용하는 set에 대하여 알아보려고 합니다. 간략하게 set은 무엇이고 배열과의 차이점은 무엇인지 알아볼께요!# set은 무엇인가?그럼 가장 먼저 set은 무엇일까요? 자바스크립트에서 set은 ES 6에서 처음 소개되었으며 새로운 형태의 데이터 타입으로 사용되는 객체입니다.@ 배열처럼 사용하는 set자바스크립트에서 set을 사용하다 보면 배열과 비교되고는 합니다. 왜 그럴까요? 실제로 사용해보면 배열과 크게 다르지 않기 때문입니다. 문법의 차이점과 동일한 값을 가지지 않는다는 점만 제외한다면 사실 set이 반드시...
자바스크립트의 배열에 사용되는 많은 메소드 중에서 every()에 대하여 알아봅니다.# 자바스크립트 배열 메소드 every()배열에 사용하는 every() 메소드는 ES 5에 추가되었으며 대부분의 브라우저에서 지원됩니다. every()는 배열에 사용하는데 배열이 가진 모두 값을 검증하여 그 결과를 불리언인 true/false로 반환할 수 있습니다. 예를들어 배열의 값이 특정 값보다 큰지 아닌지를 알아보거나 짝수인지 홀수인지도 확인할 수 있습니다. 그럼 간단한 문법을 알아봅니다.Array.every(function, this[option])간단한 문법은 위와 같으며 함...
자바스크립의 배열에 값을 추가하는 방법은 여러가지가 있습니다. 만약 배열의 맨 앞에 값을 추가하거나 삭제하는 방법을 알아보려고 합니다.# 자바스크립트 배열의 맨 앞 또는 맨 뒤에 값을 추가하기자바스크립트의 배열에는 다양한 내장 함수가 존재하며 이 중에서 배열 맨 앞에 사용하는 함수가 존재합니다. 바로 shift(), unshift()입니다.shift() // 배열 맨 앞의 값 삭제unshift(값) // 배열 맨 앞의 값 추가배열의 맨 앞의 값을 추가하거나 제거하는데 가장 쉽고 빠르게 사용할 수 있는 방법입니다.먼저 shift()는 배열 맨 앞의 값을 제거합니다. 그...
자바스크립트 배열이 여러 개의 값을 가지고 있을 때 만약 배열 값의 순서를 바꾸려면 어떻게 하는지 알아봅니다.# 자바스크립트 배열의 값 순서 바꾸기자바스크립트의 배열은 순서대로 정렬되어 저장됩니다. 즉 원하는 순서대로 배열 값을 위치시키는 것이 가능하다는 뜻입니다. 만약 기존의 배열 순서를 다른 순서로 변경해야 한다면 어떻게 할까요? 몇 가지 방법들이 있는데요... 루프를 사용하여 모든 값들을 다시 순서대로 추가하는 방법도 있고 아니면 이동할 값만 잘라내서 원하는 위치에 추가하는 방법도 있습니다.여기서는 두 번째 방법인 배열의 값 중 이동해야 할 값만 다른 ...
자바스크립트의 배열의 값 중 하나를 찾아 다른 값으로 변경하는 방법을 알아봅니다.# 자바스크립트 배열 값 다른 값으로 대치, 변경우선 배열의 값을 다른 값으로 변경하기 위해 다음과 같은 과정이 필요합니다.1. 배열인지 타입을 확인2. 배열에서 변경할 값의 위치 인덱스(index) 얻기3. 해당 인덱스를 사용하여 새로운 값 변경과정은 간단합니다. 아래에서는 함수를 하나 만들텐데 이름은 updateArray()입니다.updateArray(myArray, oldValue, newValue)이 함수는 세 개의 인자를 받아 처리합니다. 첫 번째는 배열값이며 두 번째은 변경할 ...
lodash 메소드 중 배열의 순서를 역순으로 바꿔주는 reverse에 대하여 알아봅니다._.revese(Array)lodash의 reverse()는 그 뜻과 같이 배열의 순서를 반대로 바꾸어 주는 역할을 하는 유용한 메소드입니다. 예를들어 아래의 배열 myNum의 순서를 거꾸로 바꾸려면 간단하다 reverse()를 사용할 수 있습니다.let myNum = [1, 2, 3];reverseNum = _.reverse(myNum);코드의 실행 결과는 아래와 같습니다.console.log(reverseNum);// 출력결과[3, 2, 1]보시는 것처럼 간단하게 순서를 반대...
자바스크립트 라이브러리 lodash의 union() 메소드에 대하여 알아봅니다.# lodash union() 메소드는?메소드 union()은 lodash 라이브러리로 배열에 사용하는 메소드 중 하나로 여러 개의 배열에 사용하여 하나의 고유한(unique) 값으로 병합 할 수 있는 메소드입니다. 다시 말해서 배열을 합치면서 같은 값은 하나만 남기도록 만들 수 있습니다. 아래처럼 두 가지 기능을 한 번에 수행하는 메소드입니다.- 여러 개의 배열을 하나의 배열로 합치기- 합친 값에서 고유의 값만 남기기이처럼 병합 후 동일한 값을 제외할 경우가 필요하다면 ...
자바스크립트를 사용하여 배열값을 0으로 모두 초기화하는 방법을 알아봅니다.# 자바스크립트 배열값 모두 0으로 초기화하는 방법배열은 수 많은 값들을 시퀀스로 이루어져 있습니다. 만약 배열의 값들이 아래와 같이 모두 임의의 값이라고 가정합니다.let nums = [1, 3, 5, 10, 100];이제 위 배열의 모든 값들을 0으로 초기화하려면 어떻게 할까요? 아래와 같은 방법을 사용할 수 있습니다.! ES 6 fill() 사용하기배열값에 사용하는 fill()는 간단하게 원하는 값으로 값을 변경 하거나 채우는 것이 가능합니다. 예를들어 위의 배열 nums의 값을 모두 0으...
자바스크립트 배열 타입에 사용하는 entries() 메소드에 대하여 알아봅니다.# 자바스크립트 entries() 메소드 알아보기배열에 사용 가능한 다양한 메소드 들이 존재하죠. 그 중에 entries()에 대하여 알아보려고 합니다.참고로 객체에도 entries()가 존재합니다. 객체의 entries()는 배열과 비슷하게 모든 프로퍼티를 key, value로 반환하죠. 함께 알아두시면 좋습니다. 아래 링크를 참고하세요.https://webisfree.com/2019-06-18/자바스크립트-object-메소드-entries()-알아보기! entries()는?배열에 사용하...
자바스크립트에서 만약 빈 배열 값이 존재하는 경우 이런 값만 삭제하는 방법을 알아보려고 합니다.예를들어 기존의 값이 위라면 아래와 같이 변경하는 방법입니다.myNum = [1, undefined, 3, '', 5]; // 변경 전myNum = [1, 3, 5] // 변경 후즉 값이 비었거나 선언되지 않은 배열 값만 제거하는 방법입니다.# 자바스크립트 배열에서 빈 값 제거하기이제 예제를 하나 만들어 봅니다. 일단 테스트 변수를 하나 만들어야 겠죠. 위의 myNum 배열을 그대로 가져옵니다. 그리고 여기서 배열 함수 filter()를 사용해 값이 있는 것만 반환하도록 코...