>  기사  >  웹 프론트엔드  >  JavaScript 문자열 메소드 요약

JavaScript 문자열 메소드 요약

高洛峰
高洛峰원래의
2017-01-14 10:32:281096검색

1. stringObject.charAt()

함수: 문자열의 첨자를 반환합니다

var str="这是一串字符串";
console.log(str.charAt(0))//这

stringObject.charCodeAt()

함수: 이 메소드는 지정된 위치에 있는 문자의 유니코드 인코딩을 반환할 수 있습니다

var str="这是一串字符串";
console.log(str.charCodeAt(0))
//这=>36825

3.String.fromCharCode()

함수: 유니코드 인코딩을 전달하면 해당 문자

console.log(String.fromCharCode(36825,26159))//这是

가 반환됩니다. 예: 문자열이 숫자인지 확인

<body>
<input type="text" />
<input type="button" value="检测" />
<script>
var aInp = document.getElementsByTagName(&#39;input&#39;);
 
aInp[1].onclick = function () {
   
  var val = aInp[0].value;
   
  if ( detectNum(val) ) {
    alert( &#39;恭喜,&#39;+ val +&#39;全是数字&#39; );
  } else {
    alert(&#39;输入有误&#39;);
  }
};
function detectNum ( str ) {
  var n = 0;
  for ( var i=0; i<str.length; i++ ) {
    n = str.charCodeAt(i);
    if ( n<48 || n>57 )return false;
  }
  return true;
}
</script>
</body>

stringObject.indexOf ()

함수: 이 메소드는 문자열에서 지정된 문자열 값이 처음 나타나는 위치를 반환할 수 있습니다.
파라미터: str.indexOf(검색 값, 아래 첨자 검색 시작), 검색하려는 문자열 값이 나타나지 않으면 이 메서드는 -1을 반환합니다.

예: 해당 문자가 나타나는 위치의 첨자를 반환

<script>
var str = &#39;xsxsxscdecdcdxsxsxs&#39;;
var num = 0;
var s = &#39;xs&#39;;
var arr = [];
for (; str.indexOf(s, num) != -1;) {
  num = str.indexOf(s, num) + s.length
  arr.push(num)
}
console.log(arr)
</script>

5. stringObject.lastIndexOf()

기능: from back to front 문자열에서 지정된 문자열 값이 처음 나타나는 위치를 찾습니다.

6. stringObject.substring()

함수: 두 문자 사이의 문자열을 추출하는 메소드입니다. 지정된 첨자.

7. stringObject.toUpperCase()

기능: 문자를 대문자로 변환

8. stringObject.toLowerCase()

기능: 문자를 소문자로 변환

9.stringObject.split()

기능: 문자열을 문자열 배열로 분할하는 데 사용되는 메소드
매개변수: (어떤 문자 차단, 배열 수 유지)

3가지 용도

var str="121314";
 
str.split("") //[1,2,1,3,1,4];
 
str.split("1")//[ ,2,3,4];
 
str.split("",2)//[1,2]
10.arrObject.join()

기능: 이 메서드는 배열의 모든 요소를 ​​문자열에 넣는 데 사용됩니다. 요소는 지정된 구분 기호로 구분됩니다.

두 가지 사용법

var arr = [1,2,3];
arr.join("")//123
arr.join("-")//1-2-3

예: 검색된 키워드 강조 표시

<input type="text" id="oin" />
<button>按钮</button>
var oin = document.getElementById("oin");
var obtn = document.getElementsByTagName(&#39;button&#39;)[0];
var str = "arguments对象的长度是由实参个数而不是形参个数决定的。
形参是函数内部重新开辟内存空间存储的变量,但是其与arguments对象
内存空间并不重叠。对于arguments和值都存在的情况下,两者值是同步的
,但是针对其中一个无值的情况下,对于此无值的情形值不会得以同步。
如下代码可以得以验证。";
var h = "";
obtn.onclick = function() {
  if (oin.value == "") {
    alert("输入为空");
    return false
  }
  var s = oin.value;
  if (str.indexOf(s) == -1) {
    alert("没有这个数字");
    return false
  }
  var m = &#39;<span style="background-color:red">&#39; + s + &#39;</span>&#39;;
  str = str.split(s);
  h = str.join(m)
  document.body.innerHTML=h
}

자세한 내용은 JavaScript를 참조하세요. 문자열 메소드 요약 관련 기사는 PHP 중국어 웹사이트를 주목하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.