🖥 dev-ruby

for...in 문, for...of 문 for...in for...in 문은 객체의 key를 하나씩 가져온다. const obj = { key1: 'value1', key2: 'value2', key3: 'value3', } for (const key in obj) { console.log(obj[key]); } // value1 // value2 // value3 for...of for...of 문은 iterable한 속성을 지닌 String, Array, TypedArray, Map, Set에서 값을 하나씩 가져온다. 객체는 iterable이 아니기 때문에 사용할 수 없다. 그렇기 때문에 Object.keys(object) 혹은 Object.values(object)를 통해 배열로 바꿔서 값을 가져..

replace() 메소드 : 어떤 패턴에 일치하는 일부 또는 전체 부분을 교체된 새로운 문자열로 반환 구문 const newStr = str.replace(정규식 | 문자열, 대체할 문자열 | function) 매개변수 regexp (pattern) 정규식(RegExp) 객체 또는 리터럴. 일치하는 항목은 newSubStr 또는 지정된 함수(function)가 반환 한 값으로 대체된다. substr (pattern) 대체하고 싶은 문자열. 정규식이 아닌 글자 그대로의 문자열로 처리된다. 오직 첫 번째 일치되는 문자열만이 교체된다. -> 전체에서 검토하고 싶으면 정규식을 써야한다. 예시) replace(/(C#)/g, 'c') : 문자열 내에 모든 C#이 c로 대체된다. newSubStr (replacem..

repeat() 메소드 구문 str.repeat(count); 매개변수 count문자열을 반복할 횟수. 정수만 가능 예시 'abc'.repeat(-1); // RangeError 'abc'.repeat(0); // '' 'abc'.repeat(1); // 'abc' 'abc'.repeat(2); // 'abcabc' 'abc'.repeat(3.5); // 'abcabcabc' (3 : integer로 변환된다.) 'abc'.repeat(1/0); // RangeError

isNaN() 함수는 매개변수로 들어온 값이 숫자인지 문자인지 판단해주는 함수다. 구문 isNaN(value) 반환 값 주어진 값이 숫자가 아니면(NaN) true, 숫자이면 false를 반환한다. 예시 isNaN("37"); // false: "37"은 NaN이 아닌 숫자 37로 변환된다. isNaN("37.37"); // false: "37.37"은 NaN이 아닌 숫자 37.37로 변환된다. isNaN("123ABC"); // true: parseInt("123ABC")는 123이지만 Number("123ABC")는 NaN이다. -> 문자로 판단됨 isNaN(""); // false: 빈 문자열은 NaN이 아닌 0으로 변환된다. isNaN(" "); // false: 공백이 있는 문자열은 NaN이 아..

문자열이 정규식과 매치되는 부분을 검색해주는 메소드이다. 문법 str.match(regexp) 다음과 같이 문자열에서 숫자가 아닌 문자만 검색(대신 처음 부분만. 문자 뒤에 숫자가 오면 거기부터 짤림)하는 정규식을 활용하여 match 함수를 출력하면, 배열로 출력된다. 거기서 0번째 인덱스의 값이 내가 원하는 값이다. a = "img10.png"; console.log(a.match(/^\D+/));// 출력 : [ 'img', index: 0, input: 'img10.png', groups: undefined ]

ESLint 란? Linter의 기능 동적 언어인 Javascript에서는 코드 에러가 자주 발생한다. 동적 분석(프로그램을 직접 실행해서 코드를 분석)을 하기 때문에 에러를 찾기 위해서는 코드를 직접 실행해서 확인을 해봐야 한다. 이를 도와주는 것이 Linter이다. Linter는 코드를 정적으로 분석하기 때문에, 프로그램을 실행하지 않고도 코딩 컨벤션에 위배되는 코드나 안티 패턴을 자동으로 검출해준다. 추가적으로 간단한 코드 포맷팅 기능도 있다. 우선, VScode의 확장부터 깔아주자 ! 다음과 같이 두 개를 깔아주자 ESLint 설치 $ npm install eslint 이제 ESLint 패키지 설치가 완료되면 초기화를 한다. $ eslint --init 그럼 다음과 같은 단계별 질문이 나온다. /..