编程 Javascript

javascript操作字符串的原生方法

Posted in Javascript onDecember 22, 2014

join([分隔符])数组元素组合为字符串

toString()以字符串表示数组

reverse()数组反转--改变原数组本身

valueOf()返回数组值

<html> 

<head> 

<script type="text/javascript"> 

var fruits= ["苹果","鸭梨","橙子"];//建议这样定义、初始化数组

with(document){ 

    writeln("<ul>"); 

    writeln("<li>"+fruits.join()+"</li>"); 

    writeln("<li>"+fruits.join("--")+"</li>"); 

    writeln("<li>"+fruits.reverse().join()+"</li>"); 

    writeln("<li>"+fruits.valueOf()+"</li>"); 

    writeln("</ul>"); 

}

</script> 

</head> 

</html>

toUpperCase()--变大写

charAt(index)--指到某一个字符

substring(begin,len)--截断字符串

<html> 

<head> 

<script type="text/javascript"> 

var str="javascript"; 

var num=1234;

with(document){ 

    writeln(str.toUpperCase()+"<br>"); 

    writeln(num.toString().charAt(3)+"<br>"); 

    writeln(str.substring(0,4)+"<br>"); 

} 

</script> 

</head> 

</html>

运行结果:

JAVASCRIPT 

3 

java

indexOf--判断字符串中是否存在某字符

<html> 

<head> 

<script type="text/javascript"> 

function isEmail(){ 

    var emailValue=document.getElementsByName("email")[0].value; 

    if(emailValue.indexOf("@")==-1){ 

        alert("请输入正确的电子邮件"); 

    }else{ 

        alert("ok"); 

    } 

} 

</script> 

</head> 

<body> 

<input type="text" name="email"     > 

<input type="button" value="check" onclick="isEmail();">

</body> 

</html>

小伙伴们是否对javascript中操作字符串的原生方法有所了解了呢，很多时候，这些原生的方法就可以很简单的实现我们所需要的功能了。

javascript操作字符串的原生方法

- Author -

hebedich

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

告诉大家什么是JSON

Jun 10 Javascript

通过js动态操作table(新增，删除相关列信息)

May 23 Javascript

node.js中的fs.writeFile方法使用说明

Dec 14 Javascript

js实现仿爱微网两级导航菜单效果代码

Aug 31 Javascript

JS模拟按钮点击功能的方法

Dec 22 Javascript

利用jquery获取select下拉框的值

Nov 23 Javascript

js实现登录验证码

Dec 22 Javascript

原生js实现无缝轮播图效果

Jan 11 Javascript

canvas实现图像截取功能

Feb 06 Javascript

webpack4 处理CSS的方法示例

Sep 03 Javascript

小程序实现搜索框

Jun 19 Javascript

Taro UI框架开发小程序实现左滑喜欢右滑不喜欢效果的示例代码

May 18 Javascript

JavaScript动态创建link标签到head里的方法

Dec 22 #Javascript

javascript中Date对象的getDay方法使用指南

Dec 22 #Javascript

原生javaScript实现图片延时加载的方法

Dec 22 #Javascript

使用JavaScript链式编程实现模拟Jquery函数

Dec 21 #Javascript

使用jQuery简单实现模拟浏览器搜索功能

Dec 21 #Javascript

编写简单的jQuery提示插件

Dec 21 #Javascript

不使用ajax实现无刷新提交表单

Dec 21 #Javascript