JavaScript26 JavaScript String match () 메서드 정의와 사용법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(regex.. 2018. 10. 24. slice(), subString(), subStr() method 자바스크립트에서 문자열을 잘라 리턴하는 메소드는 3가지가 있다.1. slice()2. substring()3. substr() 그럼 slice()부터 사용법에 대해 알아보자. slice 사용방법문자열.slice(잘라올 첫 위치값, 잘라올 마지막 위치값) 여기서 잘라올 첫번째 위치값은 이상 이고 잘라올 마지막 위치값은 미만이라고 생각하면 편하다.다시 말해 첫 위치값은 리턴값에 포함되며 마지막 위치값은 미포함된다. 주의하자.아래의 예를 보자 예)12345script>var str = "Apple, Banana, Kiwi, Pear, Peach";var result = str.slice(7, 13);document.write(result);/script> str 변수에 인덱스 값을 확인하면A(0)p(1)p.. 2018. 10. 24. indexOf(), lastIndexOf() 자바스크립트 javaScript indexOf(), lastIndexOf() methodsindexOf() 메소드는 파라메터와 같은 문자 or 문자열을 처음부터 찾아 몇번째 위치하는지 리턴하는 메소드다. -사용방법문자열.indexOf("찾을문자열", 검색을 시작할 인덱스값[생략가능]) 예)1234567script>function myFunction() { var str = "ABCCDE"; var pos = str.indexOf("A"); document.write(pos);}/script>cs위의 예제에서 indexOf의 리턴값은 0이다.주의! 자바스크립트는 0부터 카운트 한다. 그래서 첫자인 A를 찾아 그 인덱스 값인 0을 리턴 하는것이다.그렇다면 str.indexOf("B");의 리.. 2018. 10. 24. .slice() – 배열의 일부분을 선택하여 새로운 배열을 만드는 속성 One, Two, Three, Four, Five, Six slice( 1, 4 ) slice( 2 ) slice( -4, -1 ) 결과One, Two, Three, Four, Five, Sixslice( 1, 4 )Two,Three,Fourslice( 2 )Three,Four,Five,Sixslice( -4, -1 )Three,Four,Five 출처 : CODING FACTORYhttps://www.codingfactory.net/10420 2018. 10. 22. jQuery 보다 먼저 알았으면 좋았을 것들 웹개발할 때 난 jquery 부터 사용하기 시작한것 같다. 라이브러리가 주는 편리함 넘어 어떻게 DOM API를 사용하는지는 몰랐다. 앵귤러, 리엑트 같은 프레임웍을 사용할 때도 마찬가지다. 기능을 구현하는데 별다는 어려움은 없었다.그러다 보니 다양한 개발 환경에 민첩하게 움직이기 쉽지 않다. 운영중인 서비스에 쉽게 UI 프레임웍을 도입할수 없는 경우. 여러 버전의 제이쿼리를 혼용해서 사용하는 경우.라이브러리야 어찌되었듯 DOM API만은 브라우저에서 지원하기 때문에 처한 상황에 관계없이 안심하고 사용할 수 있다. 이럴 때 순수 자바스크립트 개발 역량은 무엇보다 중요하다고 생각한다.다시 기본으로…우리가 자바 웹 개발을 공부한다고 가정해 보자. 아마 이 순서로 공부거다.자바문법 공부 -> 2. JSP 서블.. 2018. 10. 19. .attr() .prop() 왜 나누어졌는가 http://ginpen.com/2011/10/12/jquery-attr-prop/ 번역jQuery 1.6/1.6.1에서 무었이 있었나?.attr()에서 같이 하던 처리를 .attr()와 .prop()로 나누었다그래서 지금까지 움직였던게 움직이지않아 다시 수정하였다. 지금까지 .attr()만으로 가능하던 처리를 버전1.6의 업데이트로 인하여 .attr()과 .prop()으로 나누어졌습니다. 버전업을 하면 그대로 움직이는 코드도있고 움직이지않는 코드가 있어 많은 혼란이 발생합니다.많은 혼란으로 결국 버전업데이트 1.6.1에서 .attr()을 예전처럼 움직일수있도록 다시수정되었습니다. 왜 .attr()을 .prop()으로 나누었는가?원래 따로해야할 문제였다.같이 사용하는 문제로 버그가 많아져버렸다.이건 jQ.. 2018. 10. 19. 이전 1 2 3 4 5 다음 반응형
