728x90
1. Object 객체
//빈 객체 생성
let person = new Object();
//멤버 설정
person.firstName = "John";
person.lastName = "Doe";
person.age = 1200;
person.getFullName =function() {
return this.firstName + " " + this.lastName;
};
console.log(person.getFullName());
2. String 객체
문자열을 다루기 위한 객체
length
- 문자열 길이를 반환하는 함수
let txt = "ABCDEFG";
let sln = txt.length;
length 함수 실무 사용
- 회원 가입 시 '비밀번호 길이가 최소 8자리 이상 16자리 이하'와 같이 비밀 번호 생성 규칙을 두는 경우가 있다.
사용자가 비밀번호를 입력하면 비밀번호가 몇 자리로 입력되었는지 length 함수를 이용해서 알 수 있다.
- 주민번호 앞 6자리인 생년월일을 입력하는 화면에서 생년월일이 6자리로 입력되었는지 알 수 있다.
indexOf()
- 문자열 안에 특정 문자열이 존재하는지를 찾고, 있다면 찾고자 하는 문자열이 시작되는 index를 반환하는 함수이다.
문자열을 발견하지 못하면 -1을 반환한다.
let str = "Please locate where 'locate' occurs!";
let pos = str.indexOf("locate"); //7
indexOf() 함수 실무 사용
- 전화번호를 입력받는 데 입력받을 전화번호는 하이픈(-)이 없어야 한다.
입력된 전화번호 데이터에 하이픈(-)이 있는지를 indexOf("-")를 사용해서 확인할 수 있다.
indexOf("-")로 반환받은 값이 -1이면 입력한 전화번호에 하이픈(-)이 없다는 것을 의미하고
사용자가 하이픈(-) 없이 전화번호를 입력했다는 것을 알 수 있다.
lastIndexOf()
- 문자열 안에 특정 문자열이 존재하는지를 찾는 것은 indexOf()와 동일하다.
lastIndexOf()는 찾고자 하는 문자열이 둘 이상 발견되면 제일 마지막에 발견된 문자열의 index를 반환한다.
발견하지 못하면 -1 반환.
let str = "Please locate where 'locate' occurs!";
let pos = str.indexOf("locate",15); //15번째 index부터 찾기 시작
indexOf()함수와 lastIndexOf()함수 모두 첫 번째 파라미터에는 찾고자 하는 문자열, 두번째 파라미터에는 문자열을 찾기 시작할 위치 index를 줄 수 있다.
slice()
- 파라미터로 시작 위치와 종료 위치를 주면, 문자열에서 해당 부분은 잘라내서 반환한다.
let str = "Apple, Banana, Kiwi";
let res = str.slice(7,13); //Banana
두 번째 파라미터인 종료 인덱스 번호를 생략하면, 시작 위치에서 문자열의 마지막 위치까지 잘라내서 반환한다.
let str = "Apple, Banana, Kiwi";
let res = str.slice(7); //Banana, Kiwi
첫 번째 파라미터인 시작 위치 인덱스를 음수로 주면, 문자열의 끝에서부터 거꾸로 읽는다.
slice()함수 실무 사용
- 주민등록번호가 입력되었을 때 입력된 주민번호를 기준으로 성별 구분을 하려고 한다.
주민번호에서 생년월일에 해당하는 앞의 6자리 이후 입력되는 첫 번째 숫자는 남녀 성별을 구분할 수 있는 숫자이다. slice()함수를 이용해서 slice(6,7)을 이용하면 남녀 성별에 해당하는 숫자를 얻을 수 있다.
replace()
- 문자열 내의 특정 문자열을 지정한 문자열로 바꾸는 함수이다.
대소문자를 구분한다.
split()
- 문자열 내의 특정 구분자를 기준으로 문자열을 분리하여 배열로 반환하는 함수이다.
728x90
'JavaScript' 카테고리의 다른 글
[JavaScript] 자바스크립트 정규 표현식 1)정규식 함수 (0) | 2023.03.09 |
---|---|
[JavaScript] 자바스크립트 내장 객체 map()함수(배열 메소드) (1) | 2023.03.08 |
[JavaScript] 필수 개념 DOM , BOM 이란? (0) | 2023.03.04 |
[JavaScript] for-in문, for-of문 정리 (1) | 2023.02.24 |
[JavaScript] 반복문 for-loop문, 예제 연습 (0) | 2023.02.19 |
댓글