안녕하세요. 내일이면 일본여행가는 진쓰입니다.

자바스크립트 8장 내장객체 - String 객체의 속성과 메소드 포스팅 시작하겠습니다.



목차

1. string객체 특징

2. string객체 속성

3. string객체 메소드



1. string객체 특징

- 자바스크립트에서 문자열을 다루는 객체입니다.

문자열 객체 생성방법 2가지가 있습니다.


- 예)

 var str = new String(“Have a nice day!”)

 var str=“Have a nice day!”



2. string객체 속성

length : 문자열의 개수를 나타냅니다.


예)

- var str=“Nice to meet you!”

- cnt  = str.length

- document.write(cnt) == 17



<html>

<head>

<title> 8장 예제 </title>

<script language="javascript">

</script>

</head>


<body>

<script language="javascript">


var str = new String("Have a nice day!");

var str2 = "Have a nice day!~!";

document.write(str.length+ " " + str2.length +"<br>");

</script>

</body>

</html>

 




3. string객체 메소드 들입니다.


메소드

기능

charAt(index)

index 위칭의 문자를 알아냅니다.

concat(문자열)

두 문자열을 하나의 문자열로 만듭니다.

indexOf(문자열)

왼쪽부터 문자를 검색 후 지정된 위치의 문자를 알아냅니다.

lastIndexOf()

오른쪽부터 문자를 검색 후 지정된 위치의 문자를 알아냅니다.

slice()

문자열의 일부분을 추출해냅니다.

split()

문자열을 분리 시킵니다.

substr()

문자열을 추출 해냅니다.

subString()

문문자열을 추출 해냅니다.

toLowerCase()

문자열을 소문자로 만듭니다.

toUpperCase()

문자열을 대문자로 만듭니다.



메소드

기능

charAt(index)

index 위칭의 문자를 알아냅니다.

concat(문자열)

두 문자열을 하나의 문자열로 만듭니다.

indexOf(문자열)

왼쪽부터 문자를 검색 후 지정된 위치의 문자를 알아냅니다.

lastIndexOf()

오른쪽부터 문자를 검색 후 지정된 위치의 문자를 알아냅니다.

slice()

문자열의 일부분을 추출해냅니다.

split()

문자열을 분리 시킵니다.

substr()

문자열을 추출 해냅니다.

subString()

문문자열을 추출 해냅니다.

toLowerCase()

문자열을 소문자로 만듭니다.

toUpperCase()

문자열을 대문자로 만듭니다.


.


<html>

<head>

<title> 8장 예제 </title>

<script language="javascript">

</script>

</head>


<body>

<script language="javascript">


document.write("글자를 크게 ".big() + "글자를 작게".small() + "<p>") 

document.write("글자를 굵게 ".bold() + "글자의 타자기체".fixed() + "<p>") 

document.write("글자의 이탤릭체 ".italics() + "글자 가운데 줄(취소선)".strike() + "<p>") 

document.write("글자의 아래첨자 ".sub() + "글자의 위첨자".sup() + "<p>") 

document.write("글자크기 ".fontsize(7) + "글자색".fontcolor("red") + "<p>") 

</script>

</body>

</html> 

 



<html>

<head>

<title> 8장 예제 </title>

<script language="javascript">

</script>

</head>


<body>

<script language="javascript">

var str1 = "korean power";

var str2 = "한국인의 힘";

var str3 = "인삼드세요~";


document.write("일 : " + str1.length + "<br>") ;

document.write("이 : " + str2.length + "<br>") ;

document.write("삼 : " + str3.length );

</script>

</body>

</html>

 




감사합니다. 여러분도 어서 휴가가세요. :)



'웹 (WEB) > 자바스크립트' 카테고리의 다른 글

자바스크립트 객체 생성 및 접근  (0) 2017.11.30
자바스크립트 자료형  (0) 2017.11.30
자바스크립트 Date 객체 (7장)  (0) 2017.06.13
자바스크립트 객체, 배열 (6장)  (2) 2017.06.12
자바스크립트 함수의개요 및 내장함수(5장)  (0) 2017.06.11

안녕하세요. 진심으로 풀스택개발자가 되고싶은 진쓰입니다.



목차입니다.

1. Date 객체 특징

2. 예제




1. Date 객체 특징


- 날짜와 시간에 대한 객체생성 할 수 있습니다.

객체 생성 형식 : today = new Date() 이용합니다.


- 현재 날짜 시간에 대한 정보 가져오는 메소드들 입니다.

    getYear(), getMonth(), getDate(), getDay(),

 getHours(), getMinutes(), getSecomds(), getTime()


- 현재 날짜 시간에 대한 정보 세팅하는 메소드들 입니다.

    setYear(), setMonth(), setDate(), setDay(), 

setHours(), setMinutes(), setSecomds(), setTime()


parse(날짜) : 1070년 1월 1일 00:00:00 이후의 경과 시간을 1000분의 1초 단위로 리턴한다.


- toLocalString() : 날짜를 문자열 형식으로 변환한다.


<html>

<head>

<title> 7장 예제 </title>

<script language="javascript">

</script>

</head>


<body>

<script language="javascript">

var Today = new Date() 

var year = Today.getFullYear()

document.write("년도: "+year+"<br>");

 


var month = Today.getMonth() + 1

document.write("월: "+month+"<br>");

 

 

var date = Today.getDate()

 document.write("날짜: "+date+"<br>");

 

 

var hour = Today.getHours()

var minute = Today.getMinutes()

var second = Today.getSeconds()


document.write("현재 시간 : ") 

document.write(hour + "시 " + minute + "분 " + second + "초 </h4>")  

</script>

</body>

</html>

 



2. 예제

- 1초마다 배경색이 달라지는 프로그램 작성해보겠습니다. (단, if문을 이요해서 작성합니다.)

<html>

<head>

<title> 7장 예제 </title>

<script language="javascript">

</script>

</head>


<body>

<script language="javascript">

  var now = new Date();

document.write(now.getSeconds()+"<br>");

if(now.getSeconds()%2==0){

document.bgColor = "pink"; 

}

else{

document.bgColor = "lightblue";

}

</script>

</body>

</html> 

 



고생하셨습니다. 저는 일본여행을 다녀오겠습니다 :)

'웹 (WEB) > 자바스크립트' 카테고리의 다른 글

자바스크립트 자료형  (0) 2017.11.30
자바스크립트 String 내장객체 (8장)  (2) 2017.06.14
자바스크립트 객체, 배열 (6장)  (2) 2017.06.12
자바스크립트 함수의개요 및 내장함수(5장)  (0) 2017.06.11
자바스크립트 제어문2 반복문(for, while) (4장)  (0) 2017.06.09

+ Recent posts

티스토리툴바