💡 String 래퍼 객체는 배열과 마찬가지로 length 프로퍼티를 가지며, 유사 배열이면서 이터러블이다.

//문자열은 원시값이기 때문에 변경할 수 없다. 에러 발생XX
래퍼객체[0] = "S"

const strObj = new string();
console.log(strObj); //String {length:0, [[StringData]]:""}

const strObj = new String("KIM");
console.log(Object.getOwnPropertyDescriptors(strObj));
// {
//   '0': { value: 'K', writable: false, enumerable: true, configurable: false },
//   '1': { value: 'I', writable: false, enumerable: true, configurable: false },
//   '2': { value: 'M', writable: false, enumerable: true, configurable:
// }

const strObj = new String("kim");
console.log(Object.getOwnPropertyDescriptors(strObj));
// {
//   '0': { value: 'k', writable: false, enumerable: true, configurable: false },
//   '1': { value: 'i', writable: false, enumerable: true, configurable: false },
//   '2': { value: 'm', writable: false, enumerable: true, configurable: false },
// }

const str = "Hello World";

console.log(str.indexOf("l")); // 2

// 2개 이상 문자열 검색 가능
console.log(str.indexOf("or")); // 7

// 존재하지 않는 문자열 검색
console.log(str.indexOf("z")); // -1

// 6번째 인덱스부터 검색
console.log(str.indexOf("l", 6)); // 9

// ES6 includes 메서드 => 가독성 증가
console.log(str.includes("l")); // true

const str = "Hello World";

console.log(str.search(/o/)); // 4
console.log(str.search(/z/)); // -1

const str = "Hello World";

console.log(str.includes("World")); // true
console.log(str.includes("")); // true
console.log(str.includes("z")); // false
console.log(str.includes()); // false

const str = "Hello World";

console.log(str.startsWith("Hell")); // true
console.log(str.startsWith("")); // true
console.log(str.startsWith("z")); // false
console.log(str.startsWith()); // false

const str = "Hello World";

console.log(str.endsWith("rld")); // true
console.log(str.endsWith("")); // true
console.log(str.endsWith("z")); // false
console.log(str.endsWith()); // false

const str = "Hello World";

console.log(str.charAt(4)); // o
console.log(str.charAt(0)); // H
console.log(str.charAt(-1)); //
console.log(str.charAt(1000)); //

const str = "hello world";

//substring slice 메서드와 동일하게 작동
//0번째 부터 5번째 이전 문자까지 잘라내어 반환
str.substring(0, 5); // 'hello'
str.slice(0, 5); // 'hello'

//인수 < 0 or NaN인 경우 0으로 취급한다
str.substring(-5); // 'hello world'
//slice 메서드는 음수인 인수를 전달할 수 있다. 뒤에서 5자기를 잘라내어 반환한다.
str.slice(-5); // 'world'

const str = "Hello World";

console.log(str.toUpperCase()); // HELLO WORLD

const str = "Hello World";

console.log(str.toLowerCase()); // hello world

const str = "   Hello World          ";

console.log(str.trim()); // Hello World
console.log(str.trimRight()); //    Hello World
console.log(str.trimLeft()); // Hello World
console.log(str.trimStart()); // Hello World
console.log(str.trimEnd()); //   Hello World

const str = "Hello ";

console.log(str.repeat()); //
console.log(str.repeat(2)); // Hello Hello
console.log(str.repeat(0)); //
console.log(str.repeat(2.5)); // Hello Hello
console.log(str.repeat(-2)); // RangeError: Invalid count value

const str = "Hello World";

console.log(str.replace("World", "word")); // Hello word
console.log(str.replace(/^hello/i, "Hell")); // Hell World

// String.prototype.replace 치환 함수 적용 예

// 카멜 케이스 -> 스네이크 케이스로
function camelToSnake(camelCase) {
  return camelCase.replace(/.[A-Z]/g, (match) => {
    console.log(match); // oW
    return match[0] + "_" + match[1].toLowerCase();
  });
}

const camelCase = "helloWorld";
console.log(camelToSnake(camelCase)); // helloWorld

// 스네이크 케이스 -> 카멜 케이스로
function snakeToCamel(snakeCase) {
  return snakeCase.replace(/_[a-z]/g, (match) => {
    console.log(match); // _w
    return match[1].toUpperCase();
  });
}

const snakeCase = "hello_world";
console.log(snakeToCamel(snakeCase)); // hello_world

const str = "How are you doing?";

console.log(str.split(" ")); // [ 'How', 'are', 'you', 'doing?' ]
console.log(str.split(/\s/)); // [ 'How', 'are', 'you', 'doing?' ]
console.log(str.split("")); // ["H", "o", "w", " ", "a", "r", "e", " ", "y", "o", "u", " ", "d", "o", "i", "n", "g", "?"]
console.log(str.split()); // [ 'How are you doing?' ]

// 심벌 값 생성 - Symbol 함수
const symbol = Symbol();
console.log(typeof symbol); // symbol

// 심벌 값은 외부로 노출되지 않아 확인 불가
console.log(symbol); // Symbol()

const symbol1 = Symbol("symbol1");
const symbol2 = Symbol("symbol1");

console.log(symbol1 === symbol2); // false
console.log(symbol1.description === symbol2.description); // true
console.log(symbol1, symbol2); // Symbol(symbol1) Symbol(symbol1)

const mySymbol = Symbol("mySymbol");

// 심벌 값도 객체처럼 사용 시 래퍼 객체를 생성
console.log(mySymbol.description); // mySymbol
console.log(mySymbol.toString()); // Symbol(mySymbol)

const mySymbol = Symbol();

console.log(!!mySymbol); // true
console.log(mySymbol + ""); // TypeError: Cannot convert a Symbol value to a string

const symbol1 = Symbol.for("symbol");
const symbol2 = Symbol.for("symbol");

// 상단에서 symbol 이름의 심벌 값을 symbol1 생성시 이미 전역 심벌 레지스트리에 등록했다.
// symbol2 에서 Symbol.for 호출할 경우, 이미 전역 심벌 레지스트리에는 symbol 이라는 이름을 키로 가지는 심벌 값이 존재한다.
// 따라서, symbol1 과 symbol2 에 할당된 심벌 값은 같은 심벌 값이다.
console.log(symbol1 === symbol2); // true

// Symbol.for 메서드롤 생성된 심벌 값은 전역 심벌 레지스트리에 존재하지 않을 경우 생성 후 등록되어 관리된다.
const symbol1 = Symbol.for("symbol1");
console.log(Symbol.keyFor(symbol1)); // symbol1

// Symbol 함수로 생성한 심벌 값은 전역 심벌 레지스트리에 등록되어 관리되지 않는다.
const symbol2 = Symbol("symbol2");
console.log(Symbol.keyFor(symbol2)); // undefined

// { 키: 값(상수) } 형태로 4방향을 의미하는 Direction 객체
// 1,2,3,4 라는 상수는 특별한 의미도 없고, 이후 다른 변수에 값과 중복될 가능성이 크다.
const Direction = {
  UP: 1,
  DOWN: 2,
  LEFT: 3,
  RIGHT: 4,
};

// { 키 : 값(심벌 값) } 형태로 변경한 Direction 객체
// 키의 값들이 심벌 값으로, 중복될 가능성이 없는 상수 값이 되었다.
const Direction = {
  UP: Symbol("up"),
  DOWN: Symbol("down"),
  LEFT: Symbol("left"),
  RIGHT: Symbol("right"),
};

// 심벌은 유일무이한 값으로 심벌 값으로 프로퍼티 키를 만들면 다른 프로퍼티 키와 절대 충돌하지 않는다.
const obj = {
  [Symbol.for("mySymbol")]: 1,
};
obj[Symbol.for("mySymbol")];

// Array 표준 빌트인 객체에 메서드를 추가하여 확장하는 것 => 권장 X
Array.prototype.sum = function () {
  return this.reduce((acc, cur) => acc + cur, 0);
}[(1, 2, 3)].sum(); // 6

// 심벌 값으로 프로퍼티 키를 갖는 메서드로 확장하는 경우 => 호환성 측면에서 O
Array.prototype[Symbol.for("sum")] = function () {
  return this.reduce((acc, cur) => acc + cur, 0);
}[
  // 단, 호출 시에 어색한 상황이 연출
  (1, 2, 3)
][Symbol.for("sum")](); // 6

const iterable = {
  // Symbol.itertor 메서드를 구현하여 이터러블 프로토콜을 준수
  [Symbol.iterator]() {
    let cur = 1;
    const max = 5;

    // Symbol.iterator 메서드는 next 메서드를 소유한 이터레이터를 반환해야 한다.
    return {
      next() {
        return { value: cur++, done: cur > max + 1 };
      },
    };
  },
};

for (const num of iterable) {
  console.log(num); // 1 2 3 4 5
}