POTATO THAT WANT TO BE HUMAN

자바스크립트 배열에서 중복되는 값을 제거하는 방법에는 3가지가 있습니다. 1. Set 2. indexOf( ), filter( ) 3. forEach( ), includes( ) 1. Set 자바스크립트에서 Set 객체를 이용하면 중복없는 데이터를 표현할 수 있습니다. Set 객체의 이런 특징을 이용해서, 배열의 중복을 제거할 수 있습니다. const arr = [1, 2, 3, 1, 2]; const mySet = new Set(arr); // 중복값이 있는 배열을 Set 객체로 만들어 중복을 제거 const uniqueArr = [...mySet]; // Set 객체를 다시 배열로 변환 console.log(Array.isArray(uniqueArr)); // true console.log(uniqu..

Set 객체는 ES6에서 등장한 자바스크립트의 표준내장객체 중 하나입니다. Set 객체는 자료형에 관계없이 원시 값과 객체 참조 모두 유일한 값을 저장할 수 있습니다. 즉, 어떤 값은 그 Set 콜렉션 내에서 유일한 값입니다. (중복을 제거한 값들의 집합입니다.) Set 객체 선언 😵 let mySet = new Set(); Set 객체 사용 😵 1. 특정 요소 추가 : add add 키워드를 이용하여 Set 객체에 주어진 값을 갖는 새로운 요소를 추가합니다. mySet.add(1); // Set {1} mySet.add(5); // Set {1, 5} mySet.add('h1'); // Set {1, 5, 'hi'} 2. 특정 요소 확인 : has has 키워드를 이용하여 Set 객체에 주어진 값을 갖..

내가 하고싶은 것 : a라는 변수에 배열 [1, 2, 3, 4, 5, 6] 이 있다. 여기서 인덱스 3번에 있는 요소를 배열에서 제거한 후 b라는 변수에 담고싶다. 🤔 Array.prototype.slice() slice() 메소드는 begin부터 end 전까지의 복사본을 새로운 배열 객체로 반환합니다. 즉, 원본 배열은 수정되지 않습니다. 첫번째 인자로 시작 인덱스, 두번째 인자로 종료 인덱스를 받으며, 시작 인덱스부터 종료 인덱스까지 값을 복사하여 반환합니다. slice(start[, end]) start : 추출 시작점에 대한 인덱스 undefined 인 경우 : 0번째부터 slice 음수를 지정한 경우 : 배열의 끝에서부터의 길이를 나타냅니다. slice(-2)를 하면 마지막 2개의 요소를 추출합..

🤔 프로토타입을 아시나요? Javascript에서는 객체를 상속하기 위해 프로토타입이라는 방식을 사용합니다. 자바스크립트는 흔히 프로토타입 기반 언어라 불립니다. 모든 객체들이 메소드와 속성들을 상속받기 위한 템플릿으로써 프로토타입 객체를 가진다는 의미입니다. 프로토타입 객체도 또 다시 상위 프로토타입 객체로부터 메소드와 속성을 상속받을 수도 있고 그 상위 프로토타입 객체도 마찬가지입니다. 이를 프로토타입 체인이라 부르며 다른 객체에 정의된 메소드와 속성을 한 객체에서 사용할 수 있도록 하는 근간입니다. 정확히 말하자면 상속되는 속성과 메소드들은 각 객체가 아니라 객체의 생성자의 prototype이라는 속성에 정의되어 있습니다. 자바스크립트에서는 객체 인스턴스와 프로토타입 간에 연결이 구성되며 이 연결을..

Target Target을 클릭하면 target -> child -> parent -> root -> body 순으로 이벤트가 전파된다. (하위 -> 상위) 이와 같이 중첩된 요소에 이벤트가 발생할 때, HTML DOM API의 이벤트 전파는 두 가지 방식이 있다. 그 두 가지가 바로 이벤트 버블링과 캡처링이다. 이벤트 버블링 (Event Bubbling) 😵 이벤트 버블링은 이벤트가 발생한 요소부터 window까지 이벤트를 전파한다. (하위 -> 상위) 이벤트 캡처링 (Event Capturing) 📸 이벤트 캡처링은 window로부터 이벤트가 발생한 요소까지 이벤트를 전파한다. (상위 -> 하위) 이벤트 리스너를 등록할 때 capture : true 를 설정해주면 됩니다. 버블링과 캡처링은 이벤트를 ..

forEach(콜백함수, 배열) 💫 forEach문은 오직 배열 객체에서만 사용할 수 있는 메서드입니다. 배열의 모든 요소를 반복하며 콜백함수를 실행합니다. for문과 마찬가지로 반복적인 기능을 수행할 때 사용됩니다. 하지만 for문처럼 index와 조건식, 증감식을 정의하지 않아도 콜백함수를 통해 기능을 수행합니다. for문에서는 continue나 break로 반복을 제어할 수 있지만 forEach는 throw(예외)를 발생시키지 않으면 중간에 반복을 종료할 수 없습니다. 만약 조건을 만족할 때 까지만 반복시키고싶다면 기존 for문이나 every같은 함수를 사용해야 합니다. const arr = [a, b, c, d, e, f, g, h, i, j]; arr.forEach(function(element..

지난 게시물에서는 자바스크립트에서 특정 문자열을 치환하는 방법을 알아봤습니다. 하지만 replace()는 여러 문자열이 있다면 첫번째로 발견한 문자열만 치환해줍니다. 그럼 여러 문자열을 치환하고 싶다면? replaceAll()이 있다면 좋을텐데.. 아쉽게도 자바스크립트에는 replaceAll()이란건 없습니다 .. 😓 그럼 방법을 살펴볼까요? let str = 'red, yellow, blue, red'; let newStr = str.replace(/red/g, 'pink'); console.log(str); // red, yellow, blue, red console.log(newStr); // pink, yellow, blue, pink 모든 문자열을 치환하기 위해 정규식(regular expres..

Javascript에서 특정 문자열을 치환하고싶으신가요? 🔎 자바스크립트에서는 특정 문자열을 치환할 때 replace를 사용합니다. string.replace(searchV, newV); relpace()는 searchV를 찾아서 newV로 치환해줍니다. 예시를 볼까요? let str = 'kim, lee, park'; let newStr = str.replace('lee', 'jeong'); console.log(str); // kim, lee, park console.log(newStr); // kim, jeong, park replace()는 여러개도 치환해주나요? 🔎🔎 아니요!!🙅‍♀️ 예시를 보여드리겠습니다. let str = 'kim, lee, park, kim'; let newStr = st..