JavaScript
-
자바스크립트 성능 최적화 팁CODING/JavaScript 2018. 10. 28. 12:35
대부분의 언어가 그렇듯이 자바스크립트는 배우기도 쉽고 사용하기도 쉽지만, 잘 사용하기는 아주 어려운 언어이다. 그냥 작성해도 돌아는 가지만, 더욱 최적화 할 수 있는 방법을 알아보려한다.문법|| 연산자|| 연산자는 참을 만나면 그 뒤는 연산을 하지 않으므로 if문 대신 사용 하면 코드량과 연산 횟수를 줄일 수 있다.var result; if( some_var ){ result = some_var; }else{ result = 'default value'; } // || 연산자 사용 const result = some_var || 'default value'; && 연산자&& 연산자는 참을 만나야 다음 연산을 하므로 어떤 조건을 만족할 때 실행하도록 하는 코드에서 사용하면 코드량과 연산 횟수를 줄일 수 있..
-
JavaScript String match () 메서드CODING/JavaScript 2018. 10. 24. 17:45
정의와 사용법match() 메서드는 문자열에서 정규 표현식과 일치하는 항목을 검색하고 일치 항목을 Array 객체로 반환합니다. RegExp 튜토리얼 과 RegExp Object Reference 에서 정규 표현식에 대해 자세히 읽어보십시오 . 참고 : 정규 표현식에 g 수정 자(전역 검색 수행)가 없으면 match() 메서드는 문자열에서 처음으로 일치하는 문자열만 반환합니다. 이 메소드는, 일치하는 것이 발견되지 않는 경우 는 null를 돌려 줍니다 . 예"ain"에 대한 문자열 검색 :var str = "The rain in SPAIN stays mainly in the plain"; var res = str.match(/ain/g);결과 : ain,ain,ain 통사론string.match(rege..
-
slice(), subString(), subStr() methodCODING/JavaScript 2018. 10. 24. 14:48
자바스크립트에서 문자열을 잘라 리턴하는 메소드는 3가지가 있다.1. slice()2. substring()3. substr() 그럼 slice()부터 사용법에 대해 알아보자. slice 사용방법문자열.slice(잘라올 첫 위치값, 잘라올 마지막 위치값) 여기서 잘라올 첫번째 위치값은 이상 이고 잘라올 마지막 위치값은 미만이라고 생각하면 편하다.다시 말해 첫 위치값은 리턴값에 포함되며 마지막 위치값은 미포함된다. 주의하자.아래의 예를 보자 예)12345var str = "Apple, Banana, Kiwi, Pear, Peach";var result = str.slice(7, 13);document.write(result); str 변수에 인덱스 값을 확인하면A(0)p(1)p(2)l(3)e(4),(5) 공..
-
indexOf(), lastIndexOf()CODING/JavaScript 2018. 10. 24. 13:58
자바스크립트 javaScript indexOf(), lastIndexOf() methodsindexOf() 메소드는 파라메터와 같은 문자 or 문자열을 처음부터 찾아 몇번째 위치하는지 리턴하는 메소드다. -사용방법문자열.indexOf("찾을문자열", 검색을 시작할 인덱스값[생략가능]) 예)1234567function myFunction() { var str = "ABCCDE"; var pos = str.indexOf("A"); document.write(pos);}cs위의 예제에서 indexOf의 리턴값은 0이다.주의! 자바스크립트는 0부터 카운트 한다. 그래서 첫자인 A를 찾아 그 인덱스 값인 0을 리턴 하는것이다.그렇다면 str.indexOf("B");의 리턴값은? 1이다. 이런식으로 0부터 1, 2..