본문 바로가기
JavaScript

JavaScript 예시로 정리

by 김봉구 2022. 4. 4.
const airline = 'Tap Air Korea';
const plane = 'A320';

console.log(plane[0]);  // A
console.log(plane[1]);  // 3
console.log(plane[2]);  // 2
console.log('B737'[0]);  // B

console.log(airline.length);  // 13
console.log('B737'.length);  // 4

console.log(airline.indexOf('r'));  // 6
console.log(airline.lastIndexOf('r'));  // 10
console.log(airline.indexOf('Korea'));  // 8

console.log(airline.slice(4));  // Air Korea
console.log(airline.slice(4, 6));  // Ai

console.log(airline.slice(0, airline.indexOf(' ')));  // Tap
console.log(airline.slice(airline.lastIndexOf(' ') + 1));  // Korea

console.log(airline.slice(-2));  // ea
console.log(airline.slice(1, -1));  // ap Air Kore

const checkMiddleSeat = function (seat) {
  const s = seat.slice(-1);
  if (s === 'B' || s === 'E') {
    console.log('중간 자리');
  } else {
    console.log('행운');
  }
};

checkMiddleSeat('11B');  // 중간 자리
checkMiddleSeat('23C');  // 행운
checkMiddleSeat('3E');  // 중간 자리

console.log(new String('bong'));  // String 'bong' { 0: 'b', 1: 'o', 2: 'n', 3: 'g' }
console.log(typeof new String('bong'));  // object

console.log(typeof new String('bong').slice(1));  // string

slice( ) - 문자열 전체 반환.

slice(A) - 자릿수 A부터 전체 반환.

slice(A, B) - 자릿수 A부터 (B - A)개 반환.

 

indexOf( ) - 찾는 문자열이 없으면 -1 반환.

indexOf('A') - 맨 앞에서부터 문자열 A가 있는 위치를 찾아서 반환.

indexOf(' ') - 맨 앞에서부터 공백이 위치한 자리를 찾아서 반환.

 

lastIndexOf( ) - 찾는 문자열이 없으면 -1 반환.

lastIndexOf('A') - 맨 뒤에서부터 문자열 A가 있는 위치를 찾아서 반환.

lastIndexOf(' ') - 맨 뒤에서부터 공백이 위치한 자리를 찾아서 반환.

 

const airline = 'Tap Air Korea';

console.log(airline.toLowerCase());  // tap air korea
console.log(airline.toUpperCase());  // TAP AIR KOREA

const passenger = 'bOnG';
const passengerLower = passenger.toLowerCase();  // bong로 변경.
const passengerCorrect = passengerLower[0].toUpperCase() + passengerLower.slice(1);  // B + ong 
console.log(passengerCorrect);  // Bong

const email = 'hello@gmail.com';
const loginEmail = '  Hello@Gmail.Com \n';

const lowerEmail = loginEmail.toLowerCase();
const trimmedEmail = lowerEmail.trim();
console.log(trimmedEmail);  // hello@gmail.com

const normalizedEmail = loginEmail.toLowerCase().trim();

console.log(normalizedEmail);  // hello@gmail.com
console.log(email === normalizedEmail);  // true

toLowerCase( ) - 문자열 모두 소문자로 변경.

toUpperCase( ) - 문자열 모두 대문자로 변경.

trim( ) - 변수에 저장된 문자열 앞,뒤 공백 제거. (문자열 사이 공백은 제거하지 않음)

 

const priceGB = '288.97$';
const priceUS = priceGB.replace('$', '*').replace(',', '.');
console.log(priceUS);  // 288.97*
console.log(priceGB.replace(300));  // 288.97$
console.log(priceGB.replace(288));  // undefined.97$

const announcement =
  'All passengers come to boarding door 23, Boarding door 23!';

console.log(announcement.replace('door', 'gate'));
  // All passengers come to boarding gate 23, Boarding door 23!
console.log(announcement.replace(/door/g, 'gate'));
  // All passengers come to boarding gate 23, Boarding gate 23!

const plane = 'Airbus A320neo';
console.log(plane.includes('A320'));  // true
console.log(plane.includes('C320'));  // false
console.log(plane.startsWith('Air'));  // true
console.log(plane.endsWith('neo'));  // true

const checkBaggage = function (items) {
  const baggage = items.toLowerCase();
  if (baggage.includes('knife')) {
    console.log('You are NOT allowed on board');
  } else {
    console.log('Welcome aboard!');
  }
};

checkBaggage('I have a laptop, some Food and a pocket KNIFE');
  // You are NOT allowed on board
checkBaggage('Socks and camera');
  // Welcome aboard!

replace(A) - 변수에 저장된 문자열에서 A가 존재하지 않으면 변수 그대로 반환하고,

                존재한다면 바뀌는 값을 주지 않았기 때문에 그 자리에 undefined를 반환.

replace(A, B) - 변수에 저장된 문자열에서 A를 찾은 후, B로 변경하여 반환.

                   (A가 2개 이상 존재 시 제일 처음 위치한 A만 변경되어 반환)

replace(/A/g, B) - A와 같은 모든 문자열을 B로 변경하여 반환. (/A/global)

 

includes(A) - 변수에 저장된 문자열에서 A가 존재한다면 true, 아니면 false 반환.

startsWith(A) - 변수에 저장된 문자열에서 시작 문자열이 A와 같으면 true, 아니면 false 반환.

endsWith(A) - 변수에 저장된 문자열에서 마지막 문자열이 A와 같으면 true, 아니면 false 반환.

'JavaScript' 카테고리의 다른 글

JavaScript 배열  (0) 2022.04.05
JavaScript 함수  (0) 2022.04.05
JavaScript 예시로 정리 2  (0) 2022.04.04
연산자  (0) 2022.04.02
(배열,객체) 구조화, 스프레드 연산자  (0) 2022.04.02

댓글