[JavaScript] String

OFFDUTYBYBLO·2020년 5월 28일
0

JavaScript

목록 보기
16/40
post-thumbnail

1.String , 문자열 그는 대체

  • 기본적으로 ""안에 텍스트가 들어가면 strig형이라고 알고있다.
  • 사실 ''(홑따옴표)를 사용해도 무방하다. 컴퓨터는 둘 다 문자열로 인식한다.
  • 둘 중 어떤 것을 써야 하는지는, 회사 규정에 따라 다르다.
let potato = '이것도 맞고';
let tomato = "이것도 맞다!";

2.대소문자 바꾸기

  • String형에서 제공하는 기본 함수들이 많은데 대표적으로 알아서 대소문자를 바꿔주는 함수가 있다. (String 함수들 참고 : https://www.w3schools.com/jsref/jsref_obj_string.asp)
  • 컴퓨터는 대문자와 소문자를 구분해서 인식하기때문에 'Python'을 검색하면 'Python'으로만 검색해준다.
  • 웹사이트에 검색기능이 있는 경우 'Python'이라고 검색했을 때, 'Python'과'python' 둘의 결과 모두를 원할 때가 있다. 이럴 때 사용하는 기능이다.
let lastName = 'Yeri Kim';
let upperLastName = lastName.toUpperCase();
let lowerLastName = lastName.toLowerCase();
console.log(lastName);
console.log(upperLastName);
console.log(lowerLastName);
  • lastName이라는 변수에 String형의 값을 할당하면 String형의 변수가 된다.
  • 그러면 lastName은 String형이 제공하는 모든 함수를 사용할 수 있다.
  • toUpperCase와 toLowerCase함수는 String에서 제공하는 함수이다.
  • 변수에 toUpperCase와 toLowerCase함수를 적용시키더라도 적용시킨 변수만 바뀌고 이전의 값을 가지고있다.

3.문자 길이

  • 배열을 배우는 시간에 배열의 길이는 lengh라는 속성으로 알 수 있다.
  • 문자인 String형도 length라는 속성으로 길이를 알 수 있다.
  • 주로 회원가입을 받을 떄 이름 길이에 제한을 두거나 핸드폰 번호의 형식이 잘 맞는지 체크할 때 사용한다.
if (phoneNumber.length !== 10 &&  phoneNumber.length !== 11) {
  alert("폰번호 제대로 입력하셨나요?");
}

let name = prompt("성함을 입력해주세요");
if (name.length === 2) {
  alert("외자이시군요! 이름이 이쁘네요.");
} else if (name.length === 1) {
  alert("제대로 입력하셨나요?");
} else if (name.length === 3) {
  alert("멋진 이름입니다.");
}

4.'0'에 대해서...

  • 핸드폰 번호는 010-1111-1111 으로 항상 0으로 시작한다.
  • 컴퓨터에서 0으로 시작하는 숫자 표현식은 없다.
  • 그래서 핸드폰 번호는 숫자로 이루어져 있지만, 문자열로 관리해야 컴퓨터가 첫 숫자인 "0"도 갖고 있게 된다.

5.문자열 찾기

  • indexOf() 함수는 특정 문자열이 들어가있는지 확인하고, 있으면 몇 번 째 순서에 해당하는 문자열이 있는지 알려준다. 해당 문자열이 없다면 '-1'을 반환한다.
  • 주로 댓글기능(욕설 차단 등)에서 사용한다.
let info = "JavaScript는 프로래밍 언어이다.";
let firstChar = info.indexOf("프로래밍"); 
console.log(info, firstChar);


if (firstChar !== -1) { 
  info = info.slice(0, firstChar) + "프로그래밍" + info.slice(firstChar+4, info.length); 
}
console.log(info);
  • info 문구에서 "프로래밍"이 시작되는 index는 12이다.
  • if (firstChar !== -1)
    - firstChar이 -1이 아니면
    • ="프로래밍"이라는 문구가 없지 않다면
    • ="프로래밍"이라는 문구가 있다면
    • ="프로래밍" 문구는 12번째에서 시작하므로 firstChar는 12이라는 뜻이다. "프로래밍"이라는 오타가 포함되어있으면 if문을 실행한다.
  • slice는 이름 그대로 텍스트를 잘라주는 함수이다.
info.slice(0, firstChar)
slice(잘릴 시작위치, 잘릴 끝위치)
  • 문구의 첫 번째 값은 0이다. 그래서 info 문구의 0부터 12번까지 잘라서 반환한다.
  • 12번째가 끝이 맞는데 해당 문자는 포함하지 않는다. 바로 그 직전에서 끊어준다.
profile
블로그 운영 x

0개의 댓글