[Javascript]String Propertyとメソッド


参考資料
  • JavaScript 27-string Referオブジェクト(String)
  • 済州コード大本営コードFestival:JavaScript 100版
  • Stringの様々な方法を見てみましょうこれらの方法の表現力は非常によく、他の言語であれば5行以上の内容を1行で終わることができますが、種類が多すぎて整理したほうがいいです.
    この文章は今(2021.06.13)の始まりです.新しい方法や計算方法があれば、この文章を更新し続けます.😉
    String Method
  • concat:パラメータとして渡される1つ以上の文字列を接続することによって、新しい文字列が返されます.性能面では、++=割当て演算子の使用がより有利である.
  • 예제) 다음 소스 코드를 완성하여 날짜와 시간을 출력하시오.
    출력: 2019/04/26 11:34:278 
    
    var year = '2019';
    var month = '04';
    var day = '26';
    var hour = '11';
    var minute = '34';
    var second = '27';
    
    var result = year.concat('/',month,'/',day,' ',hour,':',minute,':',second);
    console.log(result);
  • indexOf:ターゲット文字列で引数として渡された文字または文字列を検索し、初期位置のindexを返します.見つからない場合は、-1を返します.
  • const str = 'Hello World';
    console.log(str.indexOf('or')); // 7
    console.log(str.indexOf('or' , 8)); // -1
    if (str.indexOf('Hello') !== -1) {
      // 문자열 str에 'hello'가 포함되어 있는 경우에 처리할 내용
    }
  • lastIndexOf:ターゲット文字列から引数として渡された文字または文字列を逆検索し、前の位置のindexを返します.-1が見つからない場合は
  • を返します.
    const str = 'Hello World';
    
    console.log(str.lastIndexOf('World')); // 6, 문자열이라면 문자열의 첫 수
    console.log(str.lastIndexOf('o', 5));  // 4
    console.log(str.lastIndexOf('o', 8));  // 7
  • replace:新しい文字または文字列を置換文字列で返す
  • const str = 'Hello world';
    
    // 첫번째로 검색된 문자열만 대체하여 새로운 문자열을 반환한다.
    console.log(str.replace('world', 'Lee')); // Hello Lee
    
    // 특수한 교체 패턴을 사용할 수 있다. ($& => 검색된 문자열)
    console.log(str.replace('world', '<strong>$&</strong>')); // Hello <strong>world</strong> -> <strong>world</strong>으로 해도 되긴 됨. 
    
    /* 정규표현식
    g(Global): 문자열 내의 모든 패턴을 검색한다.
    i(Ignore case): 대소문자를 구별하지 않고 검색한다.
    */
    console.log(str.replace(/hello/gi, 'Lee')); // Lee Lee
    
    // 두번째 인수로 치환 함수를 전달할 수 있다.
    // camelCase => snake_case
    const camelCase = 'helloWorld';
    
    // /.[A-Z]/g => 임의의 1문자와 대문자의 조합을 문자열 전체에서 검색한다.
    console.log(camelCase.replace(/.[A-Z]/g, function (match) {
      // match : oW => match[0] : o, match[1] : W
      return match[0] + '_' + match[1].toLowerCase();
    })); // hello_world
    
    // /(.)([A-Z])/g => 1문자와 대문자의 조합
    // $1 => (.)
    // $2 => ([A-Z])
    console.log(camelCase.replace(/(.)([A-Z])/g, '$1_$2').toLowerCase()); // hello_world
    
    // snake_case => camelCase
    const snakeCase = 'hello_world';
    
    // /_./g => _와 1문자의 조합을 문자열 전체에서 검색한다.
    console.log(snakeCase.replace(/_./g, function (match) {
      // match : _w => match[1] : w
      return match[1].toUpperCase();
    })); // helloWorld
    新しい方法を更新し続けます.🤗