똔 블로그 💻

new Set([iterable]); 삽입 순서대로 요소 순회, Set에는 중복된 값이 들어올 수 없다. const setTest = new Set(); setTest.add(1);// {1} setTest.add(2);// {1, 2} // 1을 add해도 set에 1이 있어서 무시됨 setTest.add(1);// {1, 2} arr.filter(callback(element[, index[, array]])[, thisArg]) callback : 요소를 걸러주는 함수, 조건에 맞지 않으면 삭제 element : 처리할 현재 요소 index(option) : 처리할 현재 요소의 인덱스 const filterArr = [1, 2, 3, 4, 5]; filterArr.filter(function(v){..

Math.max() Math.min() : Math.max() 입력값으로 받은 0개 이상의 숫자 중 가장 큰 숫자를 반환 : Math.min() 입력값으로 받은 0개 이상의 숫자 중 가장 작은 숫자를 반환 // Math.max() Math.max(5, 7, 1, 3, 9); // 9 // Math.min() Math.min(5, 7, 1, 3, 9); // 1 배열에서 최대/최소값은 Function.prototype.apply(thisArg, [argsArray]) + Math.max() 를 사용해서 Math.max.apply(null, arr)로 구할 수 있다. apply()를 쓰기 싫으면 spread연산자를 사용하면 된다. Math.max(...arr) const arr = [5, 7, 1, 3, 2..

Vanlia javascript란 라이브러리나 프레임워크를 쓰지 않은 순수 자바스크립트이다. 라이브러리가 없으니 속도도 당연 빠르다. 라이브러리가 없어서 디버깅할때도 편하다. 처음 개발을 시작하면서 바로 제이쿼리를 사용했기 때문에 그게 제일 익숙했다. 그런데 몇년 전부터 제이쿼리를 지양하자는 글을 많이 봤는데 업무적으로는 아직 쓰기때문에 놓지 못했다ㅠㅠ 이번에 개인적으로 프로젝트를 하는데 제이쿼리로 빠르게 만들고 바닐라js로 바꾸는걸 하려고 했는데.. 처음부터 바닐라js로 하는게 낫다고 판단이 되어서 시작해봤다! 제이쿼리는 셀렉터가 너무 편했어서 처음에 스크립트를 작성했을 때, document.querySelector~ 를 쓰는게 적응이 안됐다. 그리고 click이벤트 줄때도 addEventListene..

문자 정렬 const arrStr = ['world', 'javascript', 'hello']; // 문자열의 앞글자 'w', 'j', 'h' 앞글자로 오름차순 정렬 arrStr.sort(); // ['hello', 'javascript', 'world'] 숫자 정렬 const arrNum = [11, 2, 33, 4]; // 숫자는 아스키 코드를 기준으로 정렬하기 때문에 숫자 크기대로 정렬이 안됨 arrNum.sort(); // [11, 2, 33, 4] // 위의 해결방안으로는 .sort(function(a,b){return a-b;}); arrNum.sort(function(a, b){ return a-b; // [2, 4, 11, 33] (오름차순) }); arrNum.sort(function(..

배열에 요소 추가 ( push, unshift ) const arr = ['b', 'c', 'd']; // push : 배열의 끝에 요소 추가 arr.push('e');// ['b', 'c', 'd', 'e'] // unshift : 배열의 앞에 요소 추가 arr.unshift('a')// ['a', 'b', 'c', 'd', 'e'] 배열에 요소 삭제 ( pop, shift ) const arr2 = ['a', 'b', 'c', 'd', 'e']; // 배열의 앞 요소를 삭제 arr2.shift();// 'a' console.log(arr);// ['b', 'c', 'd', 'e'] // 배열의 끝 요소를 삭제 arr2.pop();// 'e' console.log(arr);// ['c', 'd', 'e']

숫자를 문자로, 문자를 숫자로 변환 숫자 -> 문자로 변환 : String(num), num.toString() 문자 -> 숫자로 변환 : Number(str), parseInt(str) const num = 10; const str = '10'; // number -> string String(num);// '10' num.toString(); // '10' // typeof() : 데이터타입을 확인 typeof(num.toString()); // 'string' // string -> number Number(str); // 10 parseInt(str); // 10 (정수형 숫자) typeof(parseInt(str)); // 'number' toString(), parseInt() 진수 변환 10..

str.indexOf(searchValue[, fromIndex]) searchValue : 찾으려는 문자열 fromIndex(Optional) : 문자열에서 찾기 시작하는 위치를 나타내는 인덱스 값 const str = 'Hello, world!'; const arr = [0, 1, 2, 3, 4, 5]; // indexOf(찾을 문자, n번째 인덱스부터 찾기) : 위치 생략 가능 str.indexOf('lo')// 3(3번째 인덱스에 있음) str.indexOf('d!')// 11(11번째 인덱스에 있음) str.indexOf('d~')// -1(없음 : -1 반환) str.indexOf('l', 3)// 3(3번째 인덱스부터 찾아서 3번째 인덱스 반환) str.indexOf('l', 4) // 10..

javascript에서 문자열, 배열을 자르는 메소드로는 substr / substring / slice / splice / split 다섯가지가 있다. 1. substr : 시작 인덱스와 길이(생략 가능)를 정해서 문자열 자르기 2. substring : 시작 인덱스와 끝 인덱스(생략 가능)를 정해서 문자열 자르기 3. slice : 시작 인덱스와 끝 인덱스(생략 가능)를 정해서 문자열 또는 배열 자르기 4. splice : 시작 인덱스와 길이(생략 가능)를 정해서 배열 자르기 5. split : 문자열을 나눌 구분자와, 잘라진 문자열의 최대 갯수(생략 가능)를 정해서 문자열 자르기 const str = 'Hello, world!'; const arr = [0, 1, 2, 3, 4, 5]; const ..