[Javascript vs ES6] 문자열

    var str1 = '스크립트';
    var str2 = '입니다.';
    var str3 = '줄바꿈 테스트';

    var STRING_SEARCH = '자바 스크립트 세계에 오신걸 환영 합니다.';

    function js_Test () {
        console.log('js Test ---------------------');
        console.log(str1 + ' ' + str2 + '\n' + str3);

        console.log('문자열 검색 : ' + STRING_SEARCH.indexOf("세계1"));
        console.log('문자열 검색 : ' + STRING_SEARCH.indexOf("세계에"));
    }

    const es6_Test = () => {
        console.log('es6 Test --------------------');
        console.log(`${str1} ${str2}
${str3}`);

        console.log(`${str1} ${str2}\n${str3}`);

        console.log(`startsWith : ${STRING_SEARCH.startsWith('자바 스크립트')}`);
        console.log(`endsWith : ${STRING_SEARCH.endsWith('환영 합니다.')}`);
        console.log(`includes : ${STRING_SEARCH.includes('세계에 오신걸')}`);

    }

    js_Test();
    es6_Test();

1. 문자열 + 변수 병합

 - JS : 문자열을 홑따옴표( ' )또는 쌍따옴표( " )로 감싸고 연결해주고 싶은 위치에 문자열 연산자  +  연결해 출력 해야 합니다.

 

- ES6 : 표현할 문단 전체를 백틱( ` : 키보드 숫자 1 왼쪽 키) 으로 감싸고 변수 및 함수에 대해  ${변수 또는 함수(변수)}  와 같이 사용하시면 됩니다.

 

2. 문자열 줄바꿈

 - JS : 개행문자  \n  를 사용하여 줄바꿈 표현이 가능 합니다.

 

 - ES6 : JS 와 동일하게 개행문자  \n  입력도 가능 하나 직관적 표현을 위해 문서내 줄바꿈 처리시에도 표현이 가능 합니다.

     * 주의 : 문서 줄바꿈 이후 문서 정렬을 위해 들여쓰기를 하면 그대로 표현 되므로 주의

 

3. 문자열 검색

 - JS : 문자열 검색 메소드  {대상문자 또는 변수}.indexOf('검색할 문자') 를 이용하면 문자열 존재시 시작점이 양수로 표시 되며

    -1 표시가 된 경우 검색할 문자가 없다는 것을 뜻합니다.

 

- ES6 : 

• 시작 문자열 검색 : {대상문자 또는 변수}.startsWith('검색할 문자');
• 종료 문자열 검색 : {대상문자 또는 변수}.endsWith('검색할 문자');
• 전체 문자열 검색 : {대상문자 또는 변수}.includes('검색할 문자');

결과 화면

참고 도서 : 초보자를 위한 리액트 200제