ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript 文字列メソッドの概要

JavaScript 文字列メソッドの概要

高洛峰
高洛峰オリジナル
2017-01-14 10:32:281050ブラウズ

1. stringObject.charAt()

関数: 文字列の添字を返します

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

2. stringObject.charCodeAt()

関数: このメソッドは、指定された位置の文字の Unicode エンコーディングを返すことができます。

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

3.String.fromCharCode()

関数: Unicode エンコーディングを通じて対応する文字を返します

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>

4. )

関数: このメソッドは、文字列内で最初に出現した指定された文字列値を返します。
パラメータ: 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()

関数: 文字列内で最初に出現する文字列値を後ろから前に探します

6。 .substring()

機能: このメソッドは、文字列内の指定された 2 つの添え字の間の文字を抽出するために使用されます。

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()

機能: このメソッドは、すべてを配置するために使用されます配列内の要素 文字列を入力します。要素は指定された区切り文字で区切られます

2つの使い方

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中国語Webサイトに注目してください!

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。