JavaScript 文字列メソッドの概要-jsチュートリアル-php.cn

JavaScript 文字列メソッドの概要

高洛峰

リリース： 2017-01-14 10:32:28

オリジナル

1086 人が閲覧しました

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