JS] 자바스크립트 string - concatenation, length, slicing, extracting

concatenation 

컨,케'ㅌ네이션 

 

"a" + "b"

--> "ab" 로 출력됨

 

JS

alert pop up

 

 

 

 

변수 이용해서 내용을 alert로  출력하기 

JS

 

 

---

 

 

.length

 

1. 아이템이 하나인 경우

하나의 아이템이 들어있다면 몇 글자인지 세줌

 

js

console

 

 

2. 아이템이 여러 개인 경우

아이템이 여러개인 경우 아이템이 몇 개인지 세줌

콘솔

names 안에 5개의 이름이 들어가 있다. 

.length로 몇 개의 아이템이 있는지 확인할 수 있다.

 

 

3. 트위터에서처럼  몇 글자 썼는지,  몇 글자 남았는지 알려주는 방법

띄어쓰기도 포함됨.

 

방법1 

.length를 따로 var에 담아서 카운팅

코드 더 깨끗하고 한 눈에 보기 편함

 

var tweet = prompt("Compose your tweet");
var tweetCount = tweet.length;
alert("you have written " + tweetCount + " characters, you have " + (100-tweetCount) + " characters remaining.");

 

방법2 

.length를 그대로 적어줌.

var tweet = prompt("Compose your tweet");
alert("you have written " + tweet.length + " characters, you have " + (100-tweet.length) + " characters remaining.");

 

 

 

 

결과물

 

prompt 

alert

 

 

---

 

 

.slice

 

* 사용 방법 *

자르고 싶은 것.slice(x,y)

x:  시작 숫자, 컴퓨터는 0부터 셈

y: 이 숫자 앞까지 

 

각 캐릭터의 포지션 넘버 

 

0에서 시작해서 1 앞까지 잘라오기 

js

결과물 

콘솔 

 

* 마지막 글자의 끝을 모를 때 *

var name = prompt("What's your name?");

var restOfName = name.slice(1, name.length);

 

 

 

 

 

 

* 트위터에서처럼 넘치는 글자 삭제하기 *

 

방법 1

 

방법2

 

 

 

---

 

.toUpperCase( ),  toLowerCase( )

.toUpperCase( ): 대문자로 바꿔준다

.toLowerCase( ): 소문자로 바꿔준다.

 

1 .toUpperCase( );

대문자로 변경

 

 

대문자로 변경되었지만 name을 쳐보았을 때 다시 소문자로 나온 걸보니 저장된 건 아니다. 

결과물

 

 

대문자로 변경해서 저장까지 하기 (reassign)

 

확인

 

 

2  .tolowerCase( );

소문자로 바꾸기

결과보기 

 

 

3. Hello Hanoona 로 alert 만들기 

고객이 이름을 전부 대문자나 소문자로 쓴 경우에도 이름을 첫글자는 대문자로 다음 글자들은 소문자로 만들어 보기 

 

 

이름을 소문자로만 입력해 보았다.

다 소문자로만 입력

 

 

다 대문자로만 입력해 보았다