在底层,字符串是以字符数组的形式保存的。
因此,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. 【深度学习笔记】(二)Hello, Tensorflow!
  2. webpack devserver配置_webpack中webpack-dev-server的contentBase和index属性实测
  3. html5 css 三角形,css怎么画三角形?
  4. 09花冠钥匙计算机电路图,丰田花冠轿车发动机防盗系统设定
  5. 字符串p型编码(信息学奥赛一本通-T1145)
  6. 鸿蒙os 2.0跑分,预装鸿蒙 OS 2.0!华为 MatePad Pro2 跑分曝光:麒麟 9000、8GB 内存
  7. php批量删除例子,php批量删除数据完整实例代码
  8. PHP 执行系统命令函数
  9. html网页上展示晶圆的坐标图,一种测试不良芯片晶元坐标分布的方法与流程
  10. 蓝牙信标人员定位技术原理分析
  11. webstorm配置环境变量_webstorm设置
  12. NPIO操作Excel入门
  13. IPFS 深入浅出:从《黑镜》说起
  14. win10安装super-url出现编码错误解决方法
  15. AR虚拟互动系统创造身临其境的多元互动体验
  16. 计算机怎么化成10的次方,10的n次方换算关系 10^N 计算机存储单位的换算关系
  17. java 前置零_程序员面试必考题(二十二):Java中的前置条件和后置条件
  18. 【095期】网易二面:Kafka 为什么吞吐量大、速度快?
  19. java 摩尔斯电码_Java实现 LeetCode 804 唯一摩尔斯密码词 (暴力)
  20. 软件程序破解的难度和原理你懂多少?

热门文章

  1. 【授以渔】教你使用Amesim帮助文档
  2. 计算机能够自动完成运算或处理过程的基础是,计算机文化基础题库.doc
  3. C# VLC播放视频实现布满在控件上
  4. php邮件服务器搭建,php发送邮件,不需要搭建邮件服务器方法
  5. 赛门铁克:微软杀毒软件Forefront技术不过关
  6. 酒精测试仪方案开发解析
  7. 用低代码赋能数字化 快速打造项目管理系统
  8. 超级炫酷的idea特效power mode
  9. java的起源于诞生!
  10. 【愚公系列】2022年04月 微信小程序-项目篇(公交查询)-06站点查询