#6. String

smiletmf·2022년 7월 5일
0

javascript grammar

목록 보기
6/20
post-thumbnail

‘, “, `

let html = '<div class="box_title">제목영역</div>';
let desc = "It's 3 o'clock.";
let name = 'Mike';
let result = `My name is ${name}.`; // My name is Mike.
let add = `2 더하기 3은 ${2+3}입니다.`; // 2 더하기 3은 5입니다

// `` 줄바꿈

let desc = `오늘은 맑고 화창한
날씨가 계속 되겠습니다.
내일은 비소식이 있겠습니다.`
console.log(desc);

let desc2 = '오늘은 맑고 화창한 \n날씨가 계속 되겠습니다.'
console.log(desc2);

let desc3 = '오늘은 맑고 화창한
날씨가 계속 되겠습니다.
내일은 비소식이 있겠습니다.'
console.log(desc3); // Error!

// length 
// 문자열 길이

let desc = '안녕하세요.';
console.log(desc.length); // 6

// 특정 위치에 접근
console.log(desc[2]); // '하'

// toUpperCase(), toLowerCase()
// 대문자로 변환, 소문자로 변환

let desc = "Hi guys. Nice to meet you.";

console.log(desc.toUpperCase()); // "HI GUYS. NICE TO MEET YOU."
console.log(desc.toLowerCase()); // "hi guys. nice to meet you."

// str.indexOf(text)
// 문자의 위치값 반환

let desc = "Hi guys. Nice to meet you.";

console.log(desc.indexOf('to')); // 14
console.log(desc.indexOf('man')); // -1, 찾는 문자가 없으면 -1 반환

if(desc.indexOf('Hi')){ // 0이기 때문에 false 
  console.log('Hi가 포함된 문장입니다.');
}

if(desc.indexOf('Hi') > -1){ 
  console.log('Hi가 포함된 문장입니다.'); // "Hi가 포함된 문장입니다."
}

// str.slice(n, m)
// n: 시작점
// m: 없으면 문자열 끝까지, 양수면 그 숫자까지(포함하지 않음), 음수면 끝에서 부터 

let desc = "abcdefg";
console.log(desc.slice(2)); // "cdefg"
console.log(desc.slice(0, 5)); // "abcde"
console.log(desc.slice(2,-2)); // "cde"

// str.substring(n, m)
// n과 m사이의 문자열 반환, n과 m을 바꿔도 동작함, 음수는 0으로 인식

let desc = "abcdefg";
console.log(desc.substring(1, 3)); // "bc"
console.log(desc.substring(3, 1)); // "bc"

// str.substr(n, m)
// n부터 시작, m 개를 가져옴

let desc = "abcdefg";

console.log(desc.substr(2, 4)); // "cdef"
console.log(desc.substr(-4, 2)); // "de"

// str.trim()
// 앞 뒤 공백 제거
// 사용자에게 입력받을 떄 사용

let desc = " coding                    ";

console.log(desc.trim()); // "coding"

// str.repeat()
// n번 반복

let hello = "hello!";

console.log(hello.repeat(3)); // "hello!hello!hello!"

// 문자열 비교
console.log("a" < "c"); // true
console.log("a".codePointAt(0)); // 97
console.log(String.fromCodePoint(97)); // "a"
let list = [
  "01. 들어가며",
  "02. js의 역사",
  "03. 자료형",
  "04. 함수",
  "05. 배열"
];

let newList = [];

for(let i = 0; i < list.length; i++) {
  newList.push(list[i].slice(4));
};

console.log(newList); // ["들어가며", "js의 역사", "자료형", "함수", "배열"];

// 금칙어: 콜라

function hasCola(str){
  if(str.indexOf('콜라') > -1) {
    console.log('금칙어가 있습니다.');
  } else {
    console.log('통과');
  }
}

hasCola('와 사이다가 짱이야!'); // "통과"
hasCola('무슨 소리, 콜라가 최고'); // "금칙어가 있습니다."
hasCola('콜라'); // "금칙어가 있습니다."

// 금칙어: 콜라
// includes
// 문자가 있으면 true
// 없으면 false 반환

function hasCola(str){
  if(str.includes('콜라')) {
    console.log('금칙어가 있습니다.');
  } else {
    console.log('통과');
  }
}

hasCola('와 사이다가 짱이야!'); // "통과"
hasCola('무슨 소리, 콜라가 최고'); // "금칙어가 있습니다."
hasCola('콜라'); // "금칙어가 있습니다."
profile
성장하는 개발자 유슬이 입니다!

0개의 댓글