메소드 정리

https://velog.io/@gygy/Code-Signal-Array-Replace오늘자 알고리즘을 풀면서 사용한모든 요소의 인덱스를 검색하는 방법에 대해 정리한다.arr.indexOf(searchElement\[, fromIndex])지금까지는 첫번째 매

알고리즘 문제를 풀면서 자주 중복값을 제거해야할 때가 생긴다.중복값을 제거하는 여러가지 방법을 다시 한번 복습하는 차원에서 정리해보았다.어떤 원리로 작동하는 건지 뜯어보았다.uniqueArr 에 없는 요소만 dupArr에서 비교해 가져온다⇒중복되지 않은 값들만 가져와

출처:classList MDN모든 클래스가 선언한 스트링으로 덮어 씌워진다.인라인으로 HTML에 속성을 추가해 스타일을 적용하는 것이기 때문에, 우선적으로 적용하게 되므로 잘 사용하지 않는다.SetAttribute대신 사용하는 것을 추천한다.클래스를 추가하고 css에해

slice의 메서드의 인수를 모두 생략하면 원본배열의 복사본을 생성하여 반환한다.이 때 생성된 복사본은 얕은 복사를 통해 생성된다.slice는 얕은 복사를 하는데, 왜 원본 배열의 값을 변경하지 않을까?얕은 복사는 한 단계까지만 복사하는 것을 말하는데, 원본 배열의 참

keypress는 deprecated되었다.최신버전에서 더 이상 지원하지않을 수 있으므로 사용하지 않는 것을 권장한다.a눌렀을 때 a는 input창에 써지지 않는다.a가 작성된다.키보드에서 손을 떼고 이미 브라우저에서 이벤트를 처리한 다음 keyup되었을 때 이벤트를

const obj = { a : 1, b : 2 } Object.prototype.c = 3; //for...in문은 prototype 속성까지 가져온다. 열거가능 enumerable하다. for (let key in obj) { if (obj.hasOw

단일 프로젝트 내에서 일관된 스타일을 유지하는 것이 중요하므로, 한가지 방식만 선택해 사용해야 한다.기능적 차이함수 선언식은 말그대로 함수를 선언만 할뿐 실행시키지는 않는다. 따로 함수 실행문을 써주어야 한다.함수 선언시에는 결정할 수 없지만, 실행 시점에 사용자가 원

프로젝트를 하다보니, 기존에 있던 json형태의 데이터에 새로 객체를 추가할 때,배열을 만들어 추가하면 독립된 배열로 추가되는 것을 발견했다.이 방법을 해결하려던 중 spread syntax를 발견했다.match함수와 함께 쓸 수 있다.상수값으로 사용되는 변수를 선언할

arr.reduce(callback(accumulator, currentValue \[, currentIndex, array]) , initialValue)callback 함수는 배열(arr)의 모든 element를 대상으로 한번씩 호출된다. 리턴되는 값은, 다음 el

Node, element의 텍스트값을 읽어오고 설정할 수 있다.다루는 값이 text element인가,html element인가엘리먼트 안의 전체 HTML, XML을 가져온다.text만 바뀌는 상황이라면 innerHTML이 아닌 textContent로도 사용할 수 있

객체에 특정 프로퍼티가 존재하는지 여부를 확인한다.⭕ in 연산자는 객체가 상속받은 모든 프로토타입의 프로퍼티를 확인한다.객체에 특정 프로퍼티가 존재하는지 여부를 확인한다.❌ hasOwnProperty 메서드는 상속받은 프로토타입의 프로퍼티를 확인하지 않는다.for..

주어진 인덱스에 대한 UTF-16 코드를 나타내는 0부터 65535 사이의 정수를 반환한다. 매개변수 index 0 이상이고 문자열의 길이보다 작은 정수. 숫자가 아니라면 0을 기본값으로 사용함. 반환 값 주어진 인덱스 대한 문자에 대한 UTF-16 코드를 나타내는

default parameter는 undefined일 때만 적용되고 null일 때는 null 그대로 적용된다.이럴때는 nullish-coalescing을 사용해주는것이 더 좋을 수 있다.

기존의 일반 객체는 Object.entries()를 사용했다면. map객체는 내장메서드인 entries()를 사용하면 된다.