본문 바로가기

JavaScript19

javascript 문자열 자르기 [substr(), substring(), slice()] 자바스크립트에서 문자열을 자르기 위해 아래의 함수를 사용한다. substr() substring() slice() ※ substr()로 문자열 자르기 substr() 메서드는 문자열에서 특정 위치에서 시작하여 특정 문자 수 만큼의 문자들을 반환한다. 즉, 시작위치에서 몇개까지 const str = 'javascript'; console.log(str.substr(0, 3)) // 'jav'; console.log(str.substr(2, 5)) // 'vascr'; console.log(str.substr(4)) // 'script'; 만약 음수가 주어진다면 뒤에서부터 자른다. const str = 'javascript'; console.log(str.substr(-3)) // 'ipt'; console.. 2023. 7. 3.
ES5와 ES6의 차이 ES란? ECMAScript를 줄여서 부르는 말로 기능이 모든 브라우저에서 동일하게 동작하지 않는 이슈인 크로스 브라우징 이슈를 해결하기 위해 Javascript를 표준화한 것이다. ES5와 ES6의 차이 1. 변수 ES5에는 변수선언을 var 밖에 존재하지 않았다. var는 재선언과 재할당이 자유롭다. ES6부터 let, const가 추가 되었다. let은 재선언은 불가하지만 재 할당은 가능하다. const는 재선언도 불가하고 재할당도 불가하다. 2. 화살표 함수 ES6부터 새롭게 등장한 화상표 함수로 함수 표현이 좀 더 간단해졌다. 함수선언식 화살표 함수 화살표함수의 파라미터가 1개일때 소괄호를 생략할 수 있으며 중괄호와 리턴을 생략 가능하다. 3. 템플릿 리터럴 ES6부터 새롭게 등장한 템플릿 리터.. 2022. 7. 12.
자바스크립트 배열 메소드 정리! sort 배열 오름 차순, 내림차순으로 정렬한다. join 배열을 문자열로 반환한다. 배열.join(); // 구분자를 넣지 않으면 컴마가 포함되어 문자열로 합쳐진다. 배열.join(','); // 구분자를 넣어주면 아이템 사이에 구분자를 넣어서 문장으로 합쳐진다. split 문자열을 배열로 변환한다. 문자열.split(); // 구분자를 넣지 않으면 글자 하나하나, 띄어 쓰기까지 다 잘라 한덩어리의 배열로 만든다. 문자열.split(',') // 구분자를 기준으로 쪼개져서 배열로 변환. reverse 배열의 아이템 순서를 뒤집는다. 배열.reverse(); splice 배열의 인덱스로부터 몇번째까지 살리고 나머지는 삭제한다. 배열.splice(인덱스, 인덱스부터 몇번째까지); 세번째 인자로 추가도 가능.. 2022. 6. 3.
자바스크립트 개발자가 알아야할 33가지 개념[#15. this, call(), apply() and bind()] this this란 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수(self-reference variable)이다. 자바스크립트 엔진에 의해 암묵적으로 생성되며 객체의 프로퍼티나 메소드를 참조하기 위한 자기 참조 변수이므로 일반적으로 객체의 메소드 내부 또는 생성자 함수 내부에서만 의미가 있다. 전역객체 전역객체는 모든 객체의 유일한 최상위 객체를 의미하며 일반적으로 Browser-side에서는 Window, Server-side(Node.js)에서는 global객체를 의미한다. 또한, 전역객체는 전역 스코프를 갖는 전역변수를 프로퍼티로 소유한다. 글로벌 영역에 선언한 함수는 전역객체의 프로퍼티로 접근할 수 있는 전역 변수의 메소드이다. 함수의 this 기본적으로 this는 전.. 2022. 5. 30.