视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
JavaScript的字符串方法汇总
2020-11-27 20:26:33 责编:小采
文档


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('input');
 
aInp[1].onclick = function () {
 
 var val = aInp[0].value;
 
 if ( detectNum(val) ) {
 alert( '恭喜,'+ val +'全是数字' );
 } else {
 alert('输入有误');
 }
};
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. stringObject.indexOf()

作用:方法可返回某个指定的字符串值在字符串中首次出现的位置。
参数:str.indexOf(查找值,开始查找下标),如果要检索的字符串值没有出现,则该方法返回 -1。

例题:返回查找对应字符出现的下标

<script>
var str = 'xsxsxscdecdcdxsxsxs';
var num = 0;
var s = 'xs';
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. stringObject.substring()

作用:方法用于提取字符串中介于两个指定下标之间的字符。

7. stringObject.toUpperCase()

作用:字母转成大写

8. stringObject.toLowerCase()

作用:字母转成小写

9.stringObject.split()

作用:方法用于把一个字符串分割成字符串数组
参数:(以什么字符截取,保留数组到第几位)

三种用法

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('button')[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 = '<span style="background-color:red">' + s + '</span>';
 str = str.split(s);
 h = str.join(m)
 document.body.innerHTML=h
}

更多JavaScript的字符串方法汇总相关文章请关注PHP中文网!

下载本文
显示全文
专题