js 데이터 알아보기 / String 문자열 생성자 indexOF, length, slice, replace, match, trim

String - JavaScript | MDN

indexOF

cpmst result = 'Hello world!'.indexOF('world')
console.log(result) // 6

찾으려는  'world'의 제로베이스로 띄어쓰기를 포함한 첫번째 인덱스인 6이 console에 나타난다.

cpmst result = 'Hello world!'.indexOF('codenote')
console.log(result) // -1

문자열 중에 찾으려는 문자가 없다면 -1로 나타난다.

 

 

 

const str = 'Hello world!';
console.log(str.indexOf('codenote') !== -1); // false

indexOF는 true, false로도 나타낼 수 있다.

!== 부정일치선택자를 통해서 false 라는 값을 받을 수 있다.

 

 

 

---

length

const str = '0123';
console.log(str.length); // 4

문자의 갯수를 확인할 수 있다.

---

slice

const str = 'Hello world';

console.log(str.slice(0, 3)); // Hel

첫번째 인수는 0, 두번째 인수로 3을 사용하게 되면

0 ~ 2 번째 문자만 console에 나타낸다.

ex / 'world'를 console로 출력하려면 6, 11로 인수를 넣어준다.

---

replace

const str = 'Hello world';
console.log(str.replace('world', 'codenote')); // Hello codenote

replace 메소드는 첫번째 인수는  변경할 단어를 선택하고, 두번째 인수로는 교체 될 문자를 넣는다.

 

ex / 필요한 문자만 출력하려면?

지울 문자를 첫번째 인수를 넣어주고 두번째 인수는 빈 문자를 넣어준다.

---

match

const str = 'kjun_all@naver.com';
console.log(str.match(/.+(?=@)/)); // ['kjun_all', index: 0, input: 'kjun_all@naver.com', groups: undefined]

const str = 'kjun_all@naver.com';
console.log(str.match(/.+(?=@)/)[0]); // kjun_all

특정한 문자데이터에서 정규표현식으로 특정한 문자를 일치시켜 배열데이터로 반환할 수 있다.

뒤 [ ]배열에서 0을 넣어서 배열 데이터에 첫번째 아이템으로 아이디만 출력할 수 있다.

---

trim

const str = '      codenote       ';
console.log(str.trim()); // codenote

불필요한 띄어쓰기를 없애고 출력한다.