깍돌이의 _WebQA(SQA)

안녕하세요 JS(JavaScript - 자바스크립트) 에서 사용하는 문자열에 대한 모든 작업 처리를 하나하나 씩 해당 글에 전부 추가할 예정입니다.

해당 String 은 앞뒤로 공백이 하나 있으며  영문과 한글 두개의 String으로 테스트하겠습니다.

String.prototype

모든 String 인스턴스들은 String.prototype을 상속 받습니다.

그렇기 떄문에 String.prototype 오브젝트를 변경하면 그 모든 String 인스턴스들에 영향을 주게되기 됩니다.

기본 Properties

String.prototype.constructor

String.prototype.length

var str = "test String";

에서 

str[N] 을 통하여 접근이 가능하며 

N은 0보다 큰 양의 정수입니다.

위의 기본 Properties는 readOnly 의 속성을 가집니다.

ReadOnly 를 확인하는 테스트 입니다.

보시는바와 같이 concat() 함수는 문자열과 문자열을 잇는 메서드입니다.

a.concat(b) 를 하게되면 a+b가 된 문자열을 리턴하게 되는데 해당 concat은 성능상이 문제가 있어 + 로  a + b 로 사용하는것이 좋다고합니다.

concat에 대하여 function 을 새로 작성시 위와같이 새로 작성된 펑션으로 모든 String 객체들이 동작하는점을 보실수 있습니다.

length 의 경우를 보겠습니다.

length 는 위와같이 readOnly 로 사용되어짐을 보실수 있습니다.

현재까지 String.prototype.에 대해 보았습니다. JavaScript에서 모든 문자열 및 래퍼 들은 

String.prototype 의 상속을 받기 때문에 해당 prototype 에 대해알고 앞으로 작성하면 될것

같습니다.

이제부터는 String.prototype 에 선언되어있는 메서드들에 대한 기능에 대해 알아보겠습니다.

var strO = " gdl is Front-End ";

var strK = " 깍돌이는 프론트엔드 ";

해당 String 으로 테스트 하도록 하겠습니다.

var strO = " gdl is Front-End ";

var strK = " 깍돌이는 프론트엔드 ";

[toUpperCase]

해당 문자열을 전부 대문자로 반환합니다. 

strO

" GDL IS FRONT-END "

strK

" 깍돌이는 프론트엔드 "

[toLowerCase]

해당 문자열을 전부 소문자로 반환합니다. 

strO

" gdl is front-end "

strK

" 깍돌이는 프론트엔드 "

-- 2018-04-02

[split]

해당 문자열을 나눈후 배열로 반환 합니다. 

strO

(18) [" ", "g", "d", "l", " ", "i", "s", " ", "F", "r", "o", "n", "t", "-", "E", "n", "d", " "]

strK

(12) [" ", "깍", "돌", "이", "는", " ", "프", "론", "트", "엔", "드", " "]

총 결과 (추후 작성)

children 과 childNodes 를 비슷해보이지만 결과값이 다르다

var child_array2 = window.document.getElementById("layout");

var nodes = child_array2.childNodes;

console.log(nodes);

nodes = child_array2.children;

     console.log(nodes);

사진을 보면 childNodes는 25개의 결과 가 나오지만  children 은 12개의 결과 가 나옵니다.

childNodes는  줄바꿈을 개수로 세는 경우가 있어서 해당과 같이 나옵니다.

자세한건 없고 되도록  children 을 쓰려고합니다.

var round_i = 5555.55555555; 

console.log(round_i.toFixed(5));

 결과 : ->   5555.55556