在底层,字符串是以字符数组的形式保存的。
因此,length属性可以用来获取字符串的一个长度。

 var str = "hellowordl";console.log(str.length); // 10

charAt()方法,可以返回字符串中指定位置的字符
也就是根据索引获取指定字符。

var str = "hellowordl";
// 效果和str[0]是一样的,没什么区别
console.log(str.charAt(0)); // h
console.log(str.charAt(5)); // w

charCodeAt()方法,可以获取指定位置字符的Unicode编码

var str = "hellowordl";
// h的字符编码就是104
console.log(str.charCodeAt(0)); // 104

String.formCharCode()方法,可以根据Unicode编码获取字符
正好和charCodeAt()相反,该方法需要用String调用。

console.log(String.fromCharCode(104)); // h

concat()方法,可以用来连接两个或多个字符串
作用和 + 一样。

var str = "hellowordl";
var res = str.concat("你好世界");
console.log(res); // hellowordl你好世界

indexof()方法,可以检索一个字符串中是否含有指定内容
如果字符串中含有该内容,则会返回其第一次出现的索引。
如果没有找到该内容,则返回-1。

var str = "hellowordl";
var res = str.indexOf("h");
var res2 = str.indexOf("l");
console.log(res); // 0,表示有且索引是0
console.log(res2); // 2,表示有且索引是2// indexof()也可以指定第2个参数,指定开始查找的位置
var str = "hellowordl";
var res = str.indexOf("l",4); // 从索引为4的位置开始找
console.log(res); // 9

lastIndexof()方法,该方法用法和indexof()一样,不同的是indexof()是从前往后找,而lastIndexof()是从后往前找。
lastIndexof()也可以指定地2个参数,指定开始查找的位置。

var str = "hellowordl";
var res = str.lastIndexOf("o");
console.log(res); // 6

slice()方法,可以从字符串中截取指定的内容
该方法不会影响原字符串,会将内容返回。
参数: -第1个表示开始位置索引(包括开始位置)
-第2个表示结束位置索引(不包括结束位置)
如果省略第2个参数,则会截取到后面所有的。
也可以传递一个负数作为参数,负数的话将会从后边计算。

var str = "hellowordl";
var res = str.slice(0,2);
console.log(res); // he

substring()方法,可以用来截取一个字符串,和slice()相似
参数: -第1个表示开始位置索引(包括开始位置)
-第2个表示结束位置索引(不包括结束位置)
和slice不同的是,substring不能接收负值作为参数,如果传递了负数,则默认使用0。
且会自动调整参数位置,如果第2个参数小于第1个,则自动交换位置。

var str = "hellowordl";
var res = str.substring(1,3);
// 如果第2个参数小于第1个,则自动交换参数的位置
var res2 = str.substring(1,-1); // 相当于str.substring(0,1)
console.log(res); // h

split()方法,可以将一个字符串拆分为一个数组
参数:需要一个字符串作为参数,将会根据这个字符串去拆分数组。
如果传递一个空串,则会将每个字符都拆分为数组中的一个元素。

var str = "hellowordl";
var res = str.split("o"); // 根据字符串中国的0拆分
console.log(res); // ["hell", "w", "rdl"]
console.log(res[0]); // hell

JS:字符串的属性和方法相关推荐

  1. JS字符串常用属性、方法

    文章目录 属性 length constructor prototype 方法 charAt() charCodeAt() concat() indexOf() lastIndexOF() slice ...

  2. js DOM Element属性和方法整理

    js DOM Element属性和方法整理 节点操作,属性 1. childNodes.children 这两个属性获取到的子节点会根据浏览器的不同而不同的,所以一定要判断下nodeType是否为1. ...

  3. JS变量、属性、方法、函数的相同点和区别

    JS变量.属性.方法.函数的相同点和区别 1. 变量和属性的相同点 变量和属性都是来存储数据的 2. 变量和属性的区别 变量需要单独声明并赋值,使用的时候直接写变量名,单独存在:属性是在对象里面,不需 ...

  4. js控制div属性隐藏方法

    原文详解:js控制div属性隐藏方法 如题:编写html时如何用js控制div的显示和隐藏. 假定页面展示内容如下: 1.点击触发事件: <div><button class=&qu ...

  5. 基于js对象,操作属性、方法详解

    一,概述 在Java语言中,我们可以定义自己的类,并根据这些类创建对象来使用,在Javascript中,我们也可以定义自己的类,例如定义User类.Hashtable类等等. 目前在Javascrip ...

  6. JS字符串截取方法 JS字符串查找指定字符方法 JS字符串替换指定字符方法 JS字符串插入指定位置方法 JS字符串删除指定字符方法

    js字符串截取的方法 方法一: str.slice(开始位置,结束位置) //start 参数字符串中第一个字符位置为 0, 第二个字符位置为 1, 以此类推,如果是负数表示从尾部截取多少个字符串,s ...

  7. 给JS对象添加属性和方法

    方式一:在定义对象时,直接添加属性和方法 function Person(name,age) {this.name = name;this.age = age;this.say = function( ...

  8. JS的Document属性和方法

    document.title //设置文档标题等价于HTML的title标签 document.bgColor //设置页面背景色 document.fgColor //设置前景色(文本颜色) doc ...

  9. JS的Event属性和方法

    Event对象只在事件发生的过程中才有效. Event的某些属性只对特定的事件有意义.比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout ...

最新文章

  1. 手握6亿把钥匙 能否打开“智能家居”的大门?
  2. Java设计模式——Builder模式
  3. Yii的GridView
  4. UIT创新科存储系统服务“500强”汽车名企
  5. 网络间谍组织 SideCopy 攻击印度政府和军队组织
  6. 在GridView控件FooterTemplate内添加记录 Ver2
  7. 【操作系统/OS笔记18】虚拟文件系统概念
  8. javascript 使用drop元素实现拖动(ondragstart、ondrag、 ondragend、ondragenter,ondragover、ondragleave、ondrop )
  9. C语言程序设计(第三版)何钦铭著 习题2-1
  10. 【hadoop系列】Hadoop HDFS命令
  11. 可能是最全的java架构师面试题
  12. java 三大特性_java的三大特性是什么?
  13. NATAPP使用教程(内网穿透)
  14. vb.net 教程 3-8 窗体编程 容器 3 SplitContainer
  15. 基于Matlab高斯光束前向与后向传播的模拟
  16. 飘窗利用如何改造 6个实用设计包你满意
  17. PHP 导出 Excel 换行不显示
  18. Java基础篇--集合(collection)
  19. ADB命令连接逍遥模拟器
  20. Mac装双系统的那些优缺点详解

热门文章

  1. python编的俄罗斯方块游戏下载_用python写一个俄罗斯方块小游戏
  2. TP4056锂电池充电IC
  3. rd640服务器引导,联想RD640服务器外部简介_ThinkServer RD640 S2603v2 4/300AHROD_服务器产业-中关村在线...
  4. 转了一个女人的帖子。呵呵,我们也多学学如何做生意!
  5. 光纤卡网卡的区别以及HBA的常规定义-----引自百度百科
  6. 设置element ui table表格线条颜色以及设置圆角/解决element ui table设置圆角后线条不显示或显示模糊问题,亲测有效
  7. 盲盒生意怎么做?电商盲盒哪里找货源批发?
  8. WebRTC M96 Release Notes(SDP废除Plan B,支持Opus Red冗余编码)
  9. android 存储卡 合并,安卓手机合并内存卡到内置存储
  10. 易语言toJava 集合类