자바스크립트 문자열

(2019-05-10)

자바스크립트 문자열 활용, 자바스크립트 문자열 다루기, 문자열 객체, String object, String 객체

1. 자바스크립트 문자열 활용 기초문자열 타입 
     - 6개 원시 데이터형(string,number,boolean 등) 중 하나인 string 타입이지만, 
     - 이에 대응하는 String 객체(래퍼 객체) 도움으로 좀 더 확장된 기능 구현이 가능 함

  ㅇ 문자열 리터럴 표현 (문자열 정의/초기화/만드는 방법)
     - 1 이상의 문자들을 '(작은따옴표) 또는 "(큰따옴표)로 둘러쌈
        . 한편, '' 또는 "" 안에서 특수 문자를 사용하려면,  ☞ 이스케이프 시퀀스(확장열) 참조

  ㅇ 문자열 연결 
     - `+` 연산자를 사용하여 여러 문자열들을 하나로 연결 가능       ☞ 타입 변환 참조
        . 例) s = "AB" + "CD"; => "ABCD"

  ㅇ 문자열 내 문자
     - 인덱스 번호로 지정 가능 (이때, 처음 문자는 `0`부터 시작)
        . 例) var s = "ABC"; s[0] => "A"
     - 그러나, 배열 처럼 해당 인덱스 번호 표기로 해당 문자에 직접 대입해서 사용 불가
        . 例) s[0] = "A"; => (X)


2. 문자열 처리 객체 : String 객체String 객체 : 문자열의 부분 추출,가공,검색,변환 등을 위한 기능을 갖음

  ㅇ String 객체프로퍼티
     - 문자열 길이 : String.length
     - 문자열 생성자 : String.costructor
     - 문자열 프로토타입 객체 : String.prototype

  ㅇ String 객체메소드 : 아래 각 항들을 참조


3. 문자열 변환배열 -> 문자열
     - toString(), valueOf()  : 배열 각 요소를 쉼표로 구분시킨 문자열로써 반환
        . 例) ['a','b','c'].toString(); => "a,b,c"
     - join(separator) : 배열을 separator 구분자로 연결하여 하나의 문자열로 합쳐 반환
        . 例) ['a','b','c'].join('-'); => "a-b-c"

  ㅇ 날짜 -> 문자열
     - 例) var now = new Date(); date.toString();
             => 문자열 "Wed Oct 10 2018 13:53:17 GMT+0900 (한국 표준시)"로 변환 출력

  ㅇ 숫자 -> 문자열
     - toString()
        . 例) const n = 3.14; n.toString(); -> 문자열 "3.14"로 변환
     - toString(n) : n 진법 변환
        . 지정한 기수법(진법 체계, 2~36 가능)에 의한 문자열로 변환 출력
        . 例) numObject.toString(2) => 2진수, numObject.toString(16) => 16진수 등

  ㅇ 대소문자 바꾸기
     - toUpperCase() : 대문자로 변환 출력
     - toLowerCase() : 소문자로 변환 출력

  ㅇ 문자열 -> 배열
     - split(s [,limit]) : 문자열을 s로 분할시켜 그 결과를 배열로 변환 출력
        . 例) "aa bb cc".split(" ") => ["aa","bb","cc"]

  ㅇ 코드 번호 -> 문자열
     - fromCharCode(65,66,67) => "ABC"


4. 문자열 출력하기 웹페이지에 출력
     - document.write()      : 웹브라우저웹페이지에 출력
        . 초창기 자바스크립트에서 웹브라우저웹페이지 상에 출력 가능한 유일한 수단이었음
     - $('#요소명id').text() : jQuery웹브라우저의 대화상자에 출력 : window.alert()
     - alert (경고 대화상자)
     - prompt (입력 대화상자)
     - confirm (확인 대화상자) 

  ㅇ 웹브라우저콘솔에 출력
     - console.log()
     - console.error()
     - console.info()
     - console.warn()


5. 문자열의 부분 추출문자열 추출
     - substring(start [,end])  : 문자열에서 start ~ end-1 까지 추출
        . 例) "Everything".substring(2,5) => "ery"
        . 例) "Everything".substring(-3) => "ing"

     - slice(start [,end]) : 위와 같으나, 시작과 끝 모두에 음(-) 인덱스 사용 가능 만 다름
        . 例) "Everything".slice(-5,-2) => "thi" (뒤부터 5번째 다음부터 2번째까지)
           .. 음(-) 인덱스 경우, 끝문자 인덱스가 0 이 아니고 -1 임
              

     - substr(start [,length])  : 문자열에서 start 부터 문자수 length 만큼 추출
        . 例) "Everything".substr(2,5) => "eryth"

  ㅇ 문자 또는 해당 문자의 코드 추출
     - charAt(n) : 대상 문자열의 n번째 문자
        . 例) "Everything".charAt(5) => "t"

     - charCodeAt(n) : 대상 문자열 n번째 문자의 UTF-16 코드10진수
        . 例) "Everything".charCodeAt(0) => 69 (문자 E의 ASCII 코드 번호)

     - codePoint At(n) : 대상 문자열 n번째 문자의 유니코드코드 포인트 값의 10진수
        . 例) "Everything".charCodeAt(0) => 69 (문자 E의 코드 포인트)

  ㅇ 例) 문자열 첫번째 글자를 대문자로 바꿈
     - str.charAt(0).toupperCase() + str.substring(1);


6. 문자열 검색

  ㅇ 위치 반환
     - indexOf(s [, n])     : n번째 문자부터 문자열 s가 처음 나오는 위치
        . 例) "Everything".indexOf('t') => 5
        . 例) "time is bottle".indexOf('t',10) => 10 (10번째 이후 처음으로 나오는 't' 위치)

     * 문자열 내 특정 전후 구분자 사이에 있는 부분 문자열 추출 
        . 例) substring과 indexOf와의 조합
           .. targetStr.substring(targetStr.indexOf(startStr)+1,targetStr.indexOf(endStr));
        . 例) substr과 indexOf와의 조합
           .. var start = targetStr.indexOf(startStr);
           .. var end = targetStr.indexOf(endStr,start+1);
           .. targetStr.substr( start + 1, end - start );

     - lastIndexOf(s [, n]) : n번째 문자부터 문자열 s가 마지막으로 나오는 위치
        . 例) "time is bottle".lastIndexOf('t') => 11 (문자열 뒤부분부터 검색)

  ㅇ 존재 여부 판별
     - startsWith(s [, n]) : n번째 문자부터 문자열 s로 시작하는지를 판별하는 논리값
     - endsWith(s [, n])   : n번째 문자부터 문자열 s로 끝나는지를 판별하는 논리값
     - includes(s [, n])   : n번째 문자부터 문자열 s를 포함하는지를 판별하는 논리값


7. 정규표현식에 의한 문자열 처리

  ※ ☞ 자바스크립트 정규표현식 참조
     - 문자열.search(패턴), 문자열.match(패턴), 문자열.replace(바뀔 문자열, 바꿀 문자열) 등


8. 기타공백문자 제거
     - trim() : 대상 문자열 앞뒤 공백문자 제거
  ㅇ 문자열 반복 연결
     - repeat(n) : 대상 문자열을 n번 반복 연결
  ㅇ 문자열 연결 반환
     - concat([s1,s2,...]) : 인수 문자열들을 연결해서 반환


[JS 활용] 1. JS 활용 2. JS 문자열 활용 3. JS 수치 활용 4. JS 정규표현식
  1.   기술공통
  2.   기초과학
  3.   진동/파동
  4.   방송/멀티미디어/정보이론
  5.   전기전자공학
  6.   통신/네트워킹
  7.   정보기술(IT)
        1. 정보기술
    1.   전산기초
    2.   컴퓨터구조
    3.   프로그래밍
          1. 프로그램, 프로그래밍
          2. 프로그래밍 기법
      1.   프로그래밍 언어론
      2.   구조적 프로그래밍
      3.   객체지향 프로그래밍
      4.   자료표현코드
      5.   자료구조
      6.   알고리즘
      7.   시스템 소프트웨어
      8.   프로그래밍언어 종류
            1. 프로그래밍 언어
        1.   C
        2.   C++
        3.   자바(Java)
        4.   자바스크립트
              1. JavaScript
              2. JS 기초 문법
          1.   JS 변수,타입
          2.   JS 연산자
          3.   JS 함수
          4.   JS 객체
          5.   JS 배열/Map/Set
          6.   JS 활용
            1.   1. JS 활용
                2. JS 문자열 활용
                3. JS 수치 활용
                4. JS 정규표현식
          7.   JS 웹문서 제어
        5.   PHP
        6.   파이썬
        7.   (기타 언어)
      9.   프로그래밍 기타일반
    4.   데이터베이스
    5.   소프트웨어 공학
    6.   운영체제
    7.   정보보호/보안
    8.   IT 기타기술
  8.   공업일반(기계,재료등)
  9.   표준/계측/품질
  10.   기술경영

 
        최근수정     요약목록     참고문헌