String类型

String类型包含了三个属性和大量的可用内置方法。

String对象属性

String也包含对象的通用方法,比如valueOf()、toLocaleString()和toString()方法,但这些方法都返回字符串的基本值。

字符方法

var box = 'Mr.Lee'; alert(box.charAt(1));//r alert(box.charCodeAt(1));//114 alert(box[1]);//r,通过数组方式截取 

PS:box[1]在IE浏览器会显示undefined,所以使用时要慎重。

字符串操作方法

var box = 'Mr.Lee';alert(box.concat(' is ', ' Teacher ', '!'));//Mr.Lee is Teacher ! alert(box.slice(3));//Lee alert(box.slice(3,5));//Le alert(box.substring(3));//Lee alert(box.substring(3,5));//Le alert(box.substr(3));//Lee alert(box.substr(3,5));//Lee var box = 'Mr.Lee'; alert(box.slice(-3));//Lee,6+(-3)=3位开始 alert(box.substring(-3));//Mr.Lee 负数返回全部 alert(box.substr(-3));//Lee,6+(-3)=3位开始var box = 'Mr.Lee'; alert(box.slice(3, -1));//Le 6+(-1)=5, (3,5) alert(box.substring(3, -1));//Mr.第二参为负,直接转0,并且方法会把较小的数字提前,(0,3) alert(box.substr(3, -1));//'' 第二参数为负,直接转0 ,(3,0) 

PS:IE的JavaScript实现在处理向substr()方法传递负值的情况下存在问题,它会返回原始字符串,使用时要切记。

字符串位置方法

var box = 'Mr.Lee is Lee'; alert(box.indexOf('L'));//3 alert(box.indexOf('L', 5));//10 alert(box.lastIndexOf('L'));//10 alert(box.lastIndexOf('L', 5));//3,从指定的位置向前搜索 

PS:如果没有找到想要的字符串,则返回-1。

示例:找出全部的L

var box = 'Mr.Lee is Lee';//包含两个L的字符串 var boxarr = [];//存放L位置的数组 var pos = box.indexOf('L');//先获取第一个L的位置 while (pos > -1) {//如果位置大于-1,说明还存在L  boxarr.push(pos);//添加到数组  pos = box.indexOf('L', pos + 1);//从新赋值pos目前的位置 } alert(boxarr);//输出 

大小写转换方法

var box = 'Mr.Lee is Lee'; alert(box.toLowerCase());//全部小写 alert(box.toUpperCase());//全部大写 alert(box.toLocaleLowerCase());// alert(box.toLocaleUpperCase());//

PS:只有几种语言(如土耳其语)具有地方特有的大小写本地性,一般来说,是否本地化效果都是一致的。

字符串的模式匹配方法

正则表达式在字符串中的应用,在前面的章节已经详细探讨过,这里就不再赘述了。 以上中match()、replace()、serach()、split()在普通字符串中也可以使用。

var box = 'Mr.Lee is Lee'; alert(box.match('L'));//找到L,返回L否则返回null alert(box.search('L'));//找到L的位置,和indexOf类型 alert(box.replace('L', 'Q'));//把L替换成Q alert(box.split(' '));//以空格分割成字符串 

其他方法

alert(String.fromCharCode(76)); //L,输出Ascii码对应值

localeCompare(str1,str2)方法详解:

• 比较两个字符串并返回以下值中的一个;

• 如果字符串在字母表中应该排在字符串参数之前,则返回一个负数。(多数-1)

• 如果字符串等于字符串参数,则返回0。

• 如果字符串在自附表中应该排在字符串参数之后,则返回一个正数。(多数1)

var box = 'Lee'; alert(box.localeCompare('apple'));//1 alert(box.localeCompare('Lee'));//0 alert(box.localeCompare('zoo'));//-1 

【扩展】

以上是通过JS生成一个html标签,根据经验,没什么太大用处,做个了解。

var box = 'Lee'; // alert(box.link('http://www.yc60.com')); //超链接

总结

通过本篇文章,你可以学到以下知识点:

1.字符串的对象属性;

2.字符串方法;

3.字符串操作方法;

4.字符串位置方法;

5.字符串的模式匹配;

6.其他方法;

IT技术研习社,专注互联网技术研究与分享,喜欢的朋友可以点击【关注】;把经验传递给有梦想的人;

js split参数为无效字符_互联网前端开发技术JavaScript字符串类型详解相关推荐

  1. js split参数为无效字符_Js中split()方法的正确使用

    通过 js 获取 QueryString (location.search部分) 参数很常见,网上代码也满天飞. 不过现在的框架,基本上都通过路由伪静态了,把以前的 QueryString 变成了 p ...

  2. js split参数为无效字符_js使用split函数按照多个字符对字符串进行分割的方法

    {"moduleinfo":{"card_count":[{"count_phone":1,"count":1}],&q ...

  3. 24HTML5期末大作业:XXX 网站设计——指环王:护戒使者(13页) HTML+CSS+JavaScript HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程 网页规

    HTML5期末大作业:XXX 网站设计--指环王:护戒使者(13页) HTML+CSS+JavaScript HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计 网页规划 ...

  4. HTML5期末大作业:XXX 网站设计——指环王:护戒使者(13页) HTML+CSS+JavaScript HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计 网页规

    HTML5期末大作业:XXX 网站设计--指环王:护戒使者(13页) HTML+CSS+JavaScript HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计 网页规划 ...

  5. HTML期末大作业 ~ 马尔代夫旅游网页设计作业成品 ~ HTML+CSS+JS网页设计期末课程大作业 ~ web前端开发技术 ~ web课程设计网页规划与设计...

    HTML期末大作业 ~ 大学生旅游官网网页设计作业成品 ~ HTML+CSS+JS网页设计期末课程大作业 ~ web前端开发技术 ~ web课程设计网页规划与设计~ 临近期末, 你还在为HTML网页设 ...

  6. HTML奥运网页5页面文化 ~ 体育学生网页设计作业 ~ HTML+CSS+JS网页设计期末课程大作业 ~ web前端开发技术 ~ web课程设计网页规划与设计

    HTML奥运网页5页面文化 ~ 体育学生网页设计作业 ~ HTML+CSS+JS网页设计期末课程大作业 ~ web前端开发技术 ~ web课程设计网页规划与设计 临近期末, 你还在为HTML网页设计结 ...

  7. HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计 网页规划与设计

    web前端开发技术期末大作业 网页规划与制造,做得不深 但是还是满足期末大作业的 分享一下 题目: 此次课程设计的题目是网页规划与设计(html+css+js+image+video+audio)确定 ...

  8. 100内奇数之和流程图_互联网人工智能编程语言Python之while循环详解

    IT技术研习社,专注互联网技术研究与分享,喜欢的朋友可以点击[关注]:把经验传递给有梦想的人: 循环控制 在不少实际问题中有许多具有规律性的重复操作,因此在程序中就需要重复执行某些语句.一组被重复执行 ...

  9. 静态HTML网页设计作品 电影网站设计——电影我不是药神响应式页播(4页) HTML+CSS+JavaScript HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计

    HTML5期末大作业:在线电影网站设计--电影我不是药神响应式页播(4页) 文章目录 HTML5期末大作业:在线电影网站设计--电影我不是药神响应式页播(4页) 一.作品展示 二.文件目录 三.代码实 ...

最新文章

  1. od结构体大小_od内存断点的探析和检测方法
  2. Asp.net MVC 示例项目Suteki.Shop分析之---结束篇
  3. link time code generation
  4. 8皇后以及N皇后算法探究,回溯算法的JAVA实现,非递归,循环控制及其优化
  5. python里的坑。http://www.pythoner.com/356.html
  6. js中 var a= b || c;
  7. mysql数据库内置函数大全_(MariaDB)MySQL内置函数大全
  8. CyclicBarrier(栅栏)实现高并发测试
  9. python 长度queue_Python基础知识梳理
  10. 数据库系统的并发控制的两种实现模型
  11. c语言 turbo,C语言Turbo C 2.0内容介绍
  12. 如何使用Python制作网站?
  13. win10安装visio2010出错_win10安装office2010时显示错误1907如何解决
  14. html怎么把图片左移_css如何向左移动图片
  15. 苹果手机怎么保存ins上的图片到本地
  16. ajax无刷新验证用户名
  17. 韦达圆周率c语言,韦达对圆周率的表达式 – 手机爱问
  18. JavaScript--ES6【Promise】对象详解
  19. Windows下错误码全解析
  20. 思科开源软交换机vpp环境搭建

热门文章

  1. Google Chrome 势要消灭不安全的非 HTTPS 页面!
  2. 大龄开发者究竟该何去何从?2019年Python全栈工程师,都是开发人员改怎么转向高收入?
  3. @开发者,一文搞懂什么是 C# 计时器!|CSDN 博文精选
  4. 马云电脑水平曝光;快狗打车回应裁员50% ;华为邀请开发者加入应用商店 | 极客头条...
  5. 来!把 5000 微信好友头像拼成一张图!
  6. BAT 厮杀的小程序与手机厂商叫板的快应用,对开发者意味着什么?
  7. Raj Reddy:从印度农村走出来的图灵奖得主
  8. “非死不可”Facebook
  9. 【linux(1),八年Java开发心路历程
  10. 二叉树的之字形层序遍历