ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript における文字列に対する一般的な操作の概要

JavaScript における文字列に対する一般的な操作の概要

黄舟
リリース: 2017-03-01 15:14:05
オリジナル
1250 人が閲覧しました

1. Split

stingObj.split([separator[,limit]])

パラメータの説明:

separator

オプション。文字列を区切るために 1 つ以上の文字が使用されているかどうかを識別する文字列または正規表現オブジェクト。このオプションを省略した場合、文字列全体を含む単一要素の配列が返されます。

制限

オプション。この値は、返される配列内の要素の数を制限するために使用されます。

備考:

split メソッドの結果は文字列配列であり、stingObj 内でセパレータが出現するすべての位置で分解する必要があります。区切り文字は配列要素の一部として返されません。

<span style="font-size:18px;"><span></span>var str="tobeornottobethisis";
console.log(str.split("o"));//["t", "be", "rn", "tt", "bethisis"]
console.log(str.split("to"));//["", "beornot", "bethisis"]
console.log(str.split("t",2));//["", "obeorno"]
//split一般会配合join使用,用于将数组转为字符串
//如去掉字符串中所包含的字串be
console.log(str.split("be").join(&#39;&#39;));//toornottothisis</span>
ログイン後にコピー

2. インターセプト

1. 文字の抽出

str[index] フォームを使用して、指定された位置の文字を抽出します

例:


var str="tobeornottobethisis";

console.log(str[3]);//e
ログイン後にコピー



2. 部分文字列を抽出します


1. 添字間隔を指定して部分文字列を取得します


stingObj.

substring(start, [終了])パラメータの説明:

start

は部分文字列の開始位置を示し、インデックスは0から始まります。

end

は部分文字列の終了位置を指定しますが、終了位置の文字は含まれません。終了位置が指定されていない場合は、先頭から末尾までのすべての文字列が返されます。

備考: start が end より大きい場合は、

インスタンス

var str="tobeornottobethisis";
console.log(str.substring(0,3));//tob
console.log(str.substring(2,3));//b
console.log(str.substring(5,3));//eo
console.log(str.substring(3,0));tob
ログイン後にコピー

の前に、終端から開始までの部分文字列を返します。

開始位置部分文字列の長さ を指定して部分文字列を取得します。

stingObj.

substr<span style="font-size:18px">(<span style="font-size:18px"></span>start<code><strong>(</strong><em>start</em> [<strong>,</strong> <em>length</em> ]<strong>)</strong> [,

length ])

パラメータの説明

start

必須オプション。目的の部分文字列の開始位置。文字列の最初の文字のインデックスは 0 です。 長さはオプションです。返される部分文字列に含める必要がある文字数。

注:

length が 0 または負の場合、空の文字列が返されます。このパラメータが指定されていない場合、部分文字列は

var str="tobeornottobethisis";
console.log(str.substr(0,3)); //tob
console.log(str.substr(3));//eornottobethisis
console.log(str.substr(3,0));//返回一个空串
console.log(str.substr(1,-3));<span style="font-family: Arial, Helvetica, sans-serif;">//返回一个空串</span>
ログイン後にコピー

パラメータの説明


strObj

の終わりまで続きます。 文字列 オブジェクトまたはテキスト。


部分文字列

必須。

String

オブジェクト内で検索する部分文字列。

starIndex

オプション。この整数値は、検索を開始する

String

オブジェクト内のインデックスを示します。省略した場合は文字列の先頭から検索します。 備考:

indexOf メソッドは、String オブジェクト内の部分文字列の開始位置を示す整数値を返します。部分文字列が見つからない場合は、-1 が返されます。

startindex が負の数の場合、startindex はゼロとして扱われます。最大の文字位置インデックスより大きい場合は、最大のインデックスとして扱われます 例:

<span style="font-size:18px;">var str="tobeornottobethisis";

console.log(str.indexOf("tto"));//8
console.log(str.indexOf("tto",7));//8
console.log(str.indexOf("tto",10));//-1
console.log(str.indexOf("tto",-1));//8
console.log(str.indexOf("tto",25));//-1
console.log(str.indexOf("ag"));//-1</span>
ログイン後にコピー

四、指定位置进行插入

看到这个题,相信大家脑海里第一个想到的肯定是通过str[i]=subStr;但是现实并非这样,看下图


正确的解决办法

方法一:

var str="tobeornottobethisis";
var substr="what";

function fn(str,substr,index){
	var leftStr=str.substring(0,index);
	var rightStr=str.substr(index);
	return leftStr+substr+rightStr;

}
console.log(fn(str,substr,2));
ログイン後にコピー


方法二:

function fn2(str,substr,index){
	var strLen=str.length;
	var str=str.split(&#39;&#39;); //分割成数组
	if(index<strLen){
		str[index]=str[index]+substr;//此时需要注意,需要加上str[index]的值
	}else{
		str[strLen]=substr;
	}
	
	return str.join(&#39;&#39;);
}
ログイン後にコピー

方法三:

function fn3(str,substr,index){
	var strLen=str.length;
	var substrLen=substr.length;
	var curIndex=strLen+substrLen;
	var result=&#39;&#39;;
	var sepIndex=index+substrLen;
	for(var i=0,j=0;i<curIndex;i++){
		if(i<=index){
			result+=str[i];
		}else if(i<=sepIndex){
			result+=substr[j++];
		}else{
			result+=str[i-substrLen];
		}
	}
	return result;
}
ログイン後にコピー

推荐使用第一种或者第二种方法

三、字符串与数组相互转化

1.数组转为字符串

arrayObj.join(separator)
ログイン後にコピー

参数说明

arrayObj

必选项。Array 对象。

separator

可选项。是一个 String 对象,作为最终的 String 对象中对数组元素之间的分隔符。如果省略了这个参数,那么数组元素之间就用一个逗号来分隔。

备注:如果数组中有元素没有定义或者为 null,将其作为空字符串处理

实例

<span style="font-size:18px;">var arr=[&#39;women&#39;,&#39;hello&#39;,&#39;findyou&#39;,&#39;seekyou&#39;];

console.log(arr.join());//women,hello,findyou,seekyou
console.log(arr.join(&#39;-&#39;));//women-hello-findyou-seekyou
console.log(arr.join("(*)"));//women(*)hello(*)findyou(*)seekyou</span>
ログイン後にコピー

2.字符串转为数组

主要使用split进行分割,转为数组,在字符串分割那一块,已经讲过,不在细说。

 以上就是JavaScript中字符串的常用操作汇总的内容,更多相关内容请关注PHP中文网(www.php.cn)!



ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート