요즘은 JavaScript 기본 파트를 복습하고 있다.
오늘은 자바스크립트의 데이터 타입중 String에 대해서 조금 자세히 공부해보았다.

JavaScript

String

• 문자열
• ‘’
• “”

const str = "str";

문자열 연결

• 텍스트를 조합할 수 있다.
• + 연산자를 사용한다.
• 텍스트와 변수를 조합할 수 있다.

console.log("안녕" + "하세요");

const hi = "안녕";
console.log(hi + "하세요");

텍스트 + 숫자

• String과 Number형을 더하면 항상 String이다.

console.log("2" + "2"); //22
console.log(2 + 2); //4
console.log("2" + 2); //22

toUpperCase()

• 소문자를 대문자로 변환한다.

const str = "STRing";
const upperStr = str.toUpperCase();
console.log(upperStr); //STRING
console.log(str); //STRing

toLowerCase()

• 대문자를 소문자로 변환한다.

const str = "STRing";
const lowerStr = str.toLowerCase();
console.log(lowerStr ); //string
console.log(str); //STRing

length

• 문자열의 길이를 알 수 있다.

const str = "string";
console.log(str.length); // 6

indexOf

• 문자열에서 특정 문자열이 포함되어있는지 확인한다.
• 몇 번 째에 있는지 확인할 수 있다.

const info = "JavaScript는 프로그래밍 언어이다.";
const firstChar = info.indexOf("프로그래밍"); 

console.log(firstChar); //12

slice

• 문자열을 자를 수 있다.
• slice(시작위치, 끝위치);
• 끝위치의 바로 앞까지 자른다.
  w3schools_slice 설명 바로가기↗

const str = "안녕하세요. JavaScript를 공부하고 있습니다.";
//"안녕하세요." 를 잘라보자.
const slicePoint = 6;
const sliceHello = str.slice(0,slicePoint);

console.log(sliceHello); //안녕하세요.
console.log(sliceHello.length); //6

//"JavaScript" 를 잘라보자.
const sliceStartPoint = 7;
const sliceEndPoint = 17;
const sliceJs = str.slice(sliceStartPoint, sliceEndPoint);

console.log(sliceJs); //JavaScript
console.log(sliceJs.length); //10

문자열을 다른 타입으로 바꾸기

//String -> Number
const strToNum = "10";
const thisIsNum = Number(strToNum);
console.log(typeof strToNum, strToNum); //string 10
console.log(typeof thisIsNum, thisIsNum); //number 10

//---------------------------------------------

//parseInt : 소수점 제거 후 정수값만 리턴
console.log(parseInt("1.502")); //1
parseInt("1.502") + 1; //2

//---------------------------------------------

//parseFloat : 소수점 표현이 가능한 실수로 변환
parseFloat("1.502"); //1.502
typeof parseFloat("1.502"); //number

//---------------------------------------------

//Number : 문자열을 Number 타입으로 변환
Number("1.502");

//---------------------------------------------

// `-` 연산의 특성을 활용하기
//String은 마이너스가 존재하지 않으므로 양쪽의 값을 모두 숫자로 바꿔 계산한다.
const strToNum2 = "1234"; 

const thisIsStr = strToNum2 - 0;
console.log(typeof thisIsStr , thisIsStr ); //number 1234

Number형에서 String형으로 변환하기

const strToNum = 1234; 

const thisIsStr = strToNum.toString();
console.log(typeof thisIsStr, thisIsStr); //string 1234

// `+` 연산의 특성을 활용하기
// String과 Number의 조합은 무조건 String으로 반환된다.
const thisIsStr2 = strToNum + "";
console.log(typeof thisIsStr2, thisIsStr2);