JavaScript 字符串对象
时间:2019-09-23
本文章向大家介绍JavaScript 字符串对象,主要包括JavaScript 字符串对象使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
1.基本用法和属性
length属性:返回字符串的长度
constructor属性:返回字符串的构造函数 String()
<script>
// 创建字符串
var str = "hello world"
// 根据下标访问某个字符
console.log(str[1]) // e
// length属性 返回字符串的长度
var length = str.length
console.log(length) // 11
// constructor属性 返回字符串的构造函数
console.log(str.constructor) // String() { [native code] }
</script>
2.字符串转换
toUpperCase():将字符串的所有字母转化为大写
toLowerCase():将字符串的所有字母转化为小写
split():将字符串分割成数组
<script>
// 创建字符串
var str = "Hello World"
// 转换为大写
var newStr = str.toUpperCase()
console.log(newStr) // HELLO WORLD
// 转换为小写
var newStr2 = str.toLowerCase()
console.log(newStr2) // hello world
// 将字符串分割成数组
var arr = str.split(" ")
console.log(arr) // ["Hello", "World"]
// 将数组重新拼接成字符串
var str = arr.join(" ")
console.log(str) // Hello World
</script>
3.字符串的查找
indexOf():返回某个指定字符串在当前字符串中首次出现的位置(下标) 找不到则返回 -1
lastIndexOf():与indexOf()一样,不过从后往前搜索
startsWith():查找当前字符串是否以指定字符串开头
includes():查找当前字符串是否含有指定的字符串
<script>
// 创建字符串
var str = "Hello World"
// 返回某个指定字符串在当前字符串中首次出现的位置(下标)
var index = str.indexOf('o')
console.log(index) // 4
console.log(str.indexOf('a')) // -1 找不到则返回 -1
// 与indexOf()一样,不过从后往前搜索
var index2 = str.lastIndexOf('o')
console.log(index2) // 7
// 查找当前字符串是否以指定字符串开头(indexOf()也可以)
var flag = str.startsWith("Hello")
console.log(flag) // true
// 查找当前字符串是否含有指定的字符串
var flag2 = str.includes('H')
console.log(flag2) // true
var flag3 = str.includes('Z')
console.log(flag3) // false
</script>
4.字符串截取
slice():截取两个下标之间的字符串返回,不包括 结束 处的字符
substring() :与slice()差不多,但是它的参数不能为负数
trim():清除字符串两边的空白
<script>
// 创建字符串
var str = "Hello World"
var str1 = str.slice(0,4) // 'Hell'
// 后面的参数不传则将往后的字符串全部截取
var str2 = str.slice(1) // 'ello World'
// 后面的参数可以为负数
var str3 = str.slice(0,-2) // 'Hello Wor'
var str4 = str.substring(0,4) // 'Hell'
// 后面的参数不传则将往后的字符串全部截取
var str5 = str.substring(1) // 'ello World'
// 清除字符串两边的空白
var msg = " Acfun "
var msg2 = msg.trim()
console.log(msg2) // "Acfun"
</script>
5.字符串替换
replace():将某个字符串替换成另一个字符串
语法:str.replace(查找的字符,替换的字符)
<script>
var welcome = "欢迎来到广州"
var newWelcome = welcome.replace("广州","深圳")
console.log(welcome) // "欢迎来到广州"
console.log(newWelcome) // "欢迎来到深圳"
</script>
原文地址:https://www.cnblogs.com/OrochiZ-/p/11575500.html
- Spring Cloud Bus整合RabbitMQ
- 结合Scikit-learn介绍几种常用的特征选择方法(下)
- Spring Cloud Bus之RabbitMQ初窥
- 结合Scikit-learn介绍几种常用的特征选择方法(上)
- 判断图片是否加载完成
- Spring Cloud Config客户端配置细节
- Spring Cloud Config服务端配置细节(二)之加密解密
- Redis3 cluster 集群配置测试
- Spring Cloud Config服务端配置细节(一)
- 分布式配置中心Spring Cloud Config初窥
- Git标签管理
- Docker容器如何共享数据
- Git工作区储藏兼谈分支管理中的一个小问题
- 轻量级容器Docker - 创建nginx容器
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- pandas中apply与map的异同
- 终端下双重过滤筛选内容
- scrapy-redis分布式爬虫
- HTML5新增全局属性
- 漫画:如何找到链表的倒数第n个结点?
- 微信小程序使用npm
- Flink SQL 自定义 format
- 在页面离开前提醒你的beforeunload事件
- 忘记MySQL密码怎么办?一招教你搞定!
- 夺冠 or 姜子牙?ChatBot帮你搞定:基于话题引导的对话推荐系统
- 数据处理思想和程序架构: 使用Mbedtls包中的SSL,和服务器进行网络加密通信
- 密度聚类DBSCAN、HDBSCAN
- 用Python对两个数据集中的图像进行水平拼接
- 电脑设置了静态IP,但还是分配了动态IP169.254..,且不能上网
- 转HDevWindowStack详解