> 웹 프론트엔드 > JS 튜토리얼 > 문자열을 가로채고 자르기 위한 JavaScript 기술_javascript 기술

문자열을 가로채고 자르기 위한 JavaScript 기술_javascript 기술

WBOY
풀어 주다: 2016-05-16 15:21:01
원래의
1870명이 탐색했습니다.

끈 자르기와 가로채기는 자주 사용하지 않을 수 있고, 포인트도 비교적 괜찮으니 직접 준비해서 확인해보세요. 준비하세요.

이전 데모에서 모든 테스트를 진행했기 때문에 오타가 있어도 양해 부탁드립니다. 일부 다른 속성은 나중에 추가될 예정입니다.

1. 함수: 분할()

기능: 지정된 구분 기호를 사용하여 문자열을 분할하여 배열로 저장합니다

예: str="jpg|bmp|gif|ico|png"; arr=str.split("|");
//arr은 문자 값 "jpg", "bmp", "gif", "ico" 및 "png"를 포함하는 배열입니다

2. 함수: Join()

기능: 원하는 구분 기호를 사용하여 배열을 문자열로 결합합니다.

예: var delimitedString=myArray.join(구분자);
var myList=new Array("jpg","bmp","gif","ico","png");
var PortableList=myList.join("|");
//결과는 jpg|bmp|gif|ico|png

3. 함수: concat()

기능: 두 개의 어레이를 함께 연결합니다.

예: arr1=[1,2,3,4]
arr2=[5,6,7,8]
Alert(arr1.concat(arr2)) //결과는 [1,2,3,4,5,6,7,8]입니다.

4. 함수: charAt()

함수: 지정된 위치의 문자를 반환합니다. 문자열의 첫 번째 문자의 인덱스는 0입니다. 매개변수 인덱스가 0과 string.length 사이가 아닌 경우 이 메소드는 빈 문자열을 반환합니다.

예: var str='a,g,i,d,o,v,w,d,k,p'
Alert(str.charAt(2)) //결과는 g입니다

5: 함수: charCodeAt()

함수: charCodeAt() 메서드는 지정된 위치에 있는 문자의 유니코드 인코딩을 반환합니다. 이 반환 값은 0 - 65535 사이의 정수입니다.

charCodeAt() 및 charAt() 메서드는 전자가 지정된 위치의 문자 인코딩을 반환하는 반면 후자는 문자 하위 문자열을 반환한다는 점을 제외하면 유사한 작업을 수행합니다.

예: var str='a,g,i,d,o,v,w,d,k,p'
Alert(str.charCodeAt(2)) //결과는 103입니다. 즉, g의 유니코드 인코딩은 103입니다

6. 함수: 슬라이스()

함수: arrayObject.slice(start,end)

시작: 필수입니다. 선택을 시작할 위치를 지정합니다. 음수인 경우 배열 끝에서부터의 위치를 ​​지정합니다. 즉, -1은 마지막 요소를 나타내고, -2는 마지막 요소에서 두 번째를 나타내는 식입니다.

끝: 선택 사항입니다. 선택이 끝나는 위치를 지정합니다. 이 매개변수는 배열 조각 끝에 있는 배열 인덱스입니다. 이 매개변수를 지정하지 않으면 분할 배열에는 배열의 시작부터 끝까지 모든 요소가 포함됩니다. 이 매개변수가 음수이면 배열 끝부터 시작하는 요소를 지정합니다.

arrayobject의 요소를 처음부터 끝까지 포함하는 새 배열을 반환합니다(이 요소 제외).

예: var str='ahji3o3s4e6p8a0sdewqdasj'
Alert(str.slice(2,5)) //결과 ji3

7. 함수: 하위 문자열()

정의 및 사용법 하위 문자열 방법은 문자열에서 지정된 두 첨자 사이의 문자를 추출하는 데 사용됩니다.

구문 stringObject.substring(start,stop)

시작이 필요합니다. 추출할 부분 문자열의 첫 번째 문자에 대한 stringObject의 위치를 ​​지정하는 음수가 아닌 정수입니다.

중지는 선택사항입니다. 추출할 하위 문자열의 마지막 문자보다 하나 더 많은 stringObject의 한 위치에 해당하는 음이 아닌 정수입니다.

이 매개변수를 생략하면 반환된 하위 문자열이 문자열의 끝으로 이동합니다.

새 문자열을 반환합니다. 문자열 값에는 stringObject의 하위 문자열이 포함됩니다. 해당 내용은 start부터 stop-1까지의 모든 문자이고 길이는 stop에서 start를 뺀 값입니다. 설명 substring 메서드에서 반환된 하위 문자열에는 시작 부분의 문자는 포함되지만 끝 부분의 문자는 포함되지 않습니다. start와 end가 같으면 이 메서드는 빈 문자열(즉, 길이가 0인 문자열)을 반환합니다. start가 end보다 크면 메서드는 하위 문자열을 추출하기 전에 두 매개 변수를 바꿉니다. start 또는 end가 음수이면 0으로 대체됩니다.

예: var str='ahji3o3s4e6p8a0sdewqdasj'
Alert(str.substring(2,6)) //결과는 ji3o3입니다

8. 기능: substr

정의 및 사용법 substr 메소드는 지정된 위치에서 시작하여 지정된 길이의 하위 문자열을 반환하는 데 사용됩니다.

구문 stringObject.substr(start [, length])

매개변수 시작이 필요합니다. 원하는 하위 문자열의 시작 위치입니다. 문자열의 첫 번째 문자의 인덱스는 0입니다.

길이는 선택사항입니다. 반환된 하위 문자열에 포함되어야 하는 문자 수입니다. 설명 길이가 0이거나 음수인 경우 빈 문자열이 반환됩니다. 이 매개변수를 지정하지 않으면 하위 문자열이 stringObject의 끝까지 계속됩니다.

예: var str = "0123456789";

   경고(str.substring(0));------------"0123456789"
   경보(str.substring(5));------------"56789"
  Alert(str.substring(10));------------""
  경고(str.substring(12));------------""
  경보(str.substring(-5));------------"0123456789"
  경보(str.substring(-10));------------"0123456789"
  경보(str.substring(-12));------------"0123456789"
  Alert(str.substring(0,5));------------"01234"
  경고(str.substring(0,10));---------"0123456789"
  경고(str.substring(0,12));---------"0123456789"
  Alert(str.substring(2,0));------------"01"
  경고(str.substring(2,2));----------""
  Alert(str.substring(2,5));------------"234"
  경보(str.substring(2,12));---------"23456789"
  경고(str.substring(2,-2));---------"01"
  Alert(str.substring(-1,5));---------"01234"
  경고(str.substring(-1,-5));---------""

substr 와 substring 방법적区别

<script type="text/javascript"> 
var str = "0123456789";// 
alert(str.substring(0));//------------"0123456789" 
alert(str.substring(5));//------------"56789" 
alert(str.substring(10));//-----------"" 
alert(str.substring(12));//-----------"" 
alert(str.substring(-5));//-----------"0123456789" 
alert(str.substring(-10));//----------"0123456789" 
alert(str.substring(-12));//----------"0123456789" 
alert(str.substring(0,5));//----------"01234" 
alert(str.substring(0,10));//---------"0123456789" 
alert(str.substring(0,12));//---------"0123456789" 
alert(str.substring(2,0));//----------"01" 
alert(str.substring(2,2));//----------"" 
alert(str.substring(2,5));//----------"234" 
alert(str.substring(2,12));//---------"23456789" 
alert(str.substring(2,-2));//---------"01" 
alert(str.substring(-1,5));//---------"01234" 
alert(str.substring(-1,-5));//--------"" 
alert(str.substr(0));//---------------"0123456789" 
alert(str.substr(5));//---------------"56789" 
alert(str.substr(10));//--------------"" 
alert(str.substr(12));//--------------"" 
alert(str.substr(-5));//--------------"0123456789" 
alert(str.substr(-10));//-------------"0123456789" 
alert(str.substr(-12));//-------------"0123456789" 
alert(str.substr(0,5));//-------------"01234" 
alert(str.substr(0,10));//------------"0123456789" 
alert(str.substr(0,12));//------------"0123456789" 
alert(str.substr(2,0));//-------------"" 
alert(str.substr(2,2));//-------------"23" 
alert(str.substr(2,5));//-------------"23456" 
alert(str.substr(2,12));//------------"23456789" 
alert(str.substr(2,-2));//------------"" 
alert(str.substr(-1,5));//------------"01234" 
alert(str.substr(-1,-5));//-----------"" 
</script>
로그인 후 복사
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿