JavaScript之String总汇
一.常用属性
·length:返回字符串中字符长度
let str = 'asd ';
str.length = 1;//无法手动修改,只读
console.log(str.length);//4
二.常见方法
·charAt():获取字符串某一下标处的字符值
传入参数为下标值
下标从零开始
低版本ie不兼容
let str = "asdf";
str[0];//"a" 低版本ie不兼容
str.charAt(0);//"a"
·concat():字符串拼接
可以传入多个值进行拼接
let str1 = "asd",
str2 = "fgh";
let str3 = str1.concat(str2,"j");//"asdfghj"
let str4 = str1+str2+"j";//"asdfghj"
·indexOf():在字符串中查询某字符是否存在,存在返回下标,不存在返回-1(便利的方法),区分中英文输入
注意:只会返回第一次出现的下标
let str = "asdfgh";
str.indexOf("d");//2
str.indexOf("A");//-1
·lastIndexOf():返回最后一次出现的下标值,不存在返回-1,区分中英文输入
let str = "大家好,我是渣渣辉";
str.lastIndexOf("辉");//8
str.lastIndexOf(",");//-1
str.lastIndexOf(",");//3
·slice():返回一个裁切字符串得来的字符串
并不会改变被裁切的字符串
如果传入一个参数,则代表返回从那个下标开始直至最后一个字符的字符串
如果传入两个参数,第一个参数代表裁切的开始位置,第二个参数代表裁切的结束位置
可以传入负数,-1代表最后一个字符,-2代表倒数第二个字符
可以同时传入负数和正数,只要第一个参数所表示的字符所在的位置在第二个之前
let str = "box-1";
let str2 = str.slice(0,3);
//"box" 从下标0开始到下标3结束,一共3个字符,区间[0,3)
str2 = str.slice(2);//"x-1" 从第2位开始,到结束
str3 = str.slice(-1);//"1" 从最后一位开始到结束,可以是负数
·substring()和substr():返回一个裁切字符串得来的字符串
substring接受两个参数,起始下标和结束下标(不支持负数)
substr接受两个参数,起始下标和长度
·split():返回一个数组
传入一个参数,字符串以这个参数进行切割,切割所得的部分存入一个数组中返回出来
let str = "1,2,3";
let arr = str.split("");//["1",",","2",",","3"]
arr = str.split(",");//["1","2","3"] 以逗号作为分隔切分
·trim():删除字符串前后的空格并返回
不会删除字符串中间的空格
let str = " asdasd asd ";
str.trim();//"asdasd asd"
三.不常用方法
·charCodeAt():返回单个字符的unicode编码
let str = "咸鱼"
str.charCodeAt(0)//21688
str.charCodeAt(1)//40060
也可以使用fromCharCode()方法来将unicode编码转换为字符
String.fromCharCode(21688,40060);//“咸鱼”
·replace():替换字符串中的字符或字符串
传入两个参数,第一个为字符串中已经存在的字符或字符串,第二个是替换旧内容的新字符或字符串
只能替换第一个出现的字符或字符串
let str1 = "咸鱼"
str1.replace("咸","鲜")//"鲜鱼"
let str2 = "咸咸的鱼"
str2.replace("咸","鲜")//"鲜咸的鱼"
JavaScript之String总汇的更多相关文章
- JavaScript中String对象的match()、replace() 配合正则表达式使用
正则表达式由来已久,查找替换功能非常强大,但模板难记复杂. JavaScript中String对象的match().replace()这2个方法都要使用正则表达式的模板.当模板内容与字符串不相匹配时, ...
- JavaScript字符串String
JavaScript中String类型用于表示由零个或者多个16位Unicode字符组成的字符序列即字符串:同时字符串可以用单引号或双引号表示. 下面是一些特殊的字面量: 字面量 含义\n 换行\t ...
- [译]在Javascript中将string转化成numbers
本文翻译youtube上的up主kudvenkat的javascript tutorial播放单 源地址在此: https://www.youtube.com/watch?v=PMsVM7rjupU& ...
- JavaScript 中String和int互相转换
在javascript里怎么样才能把int型转换成string型 (1) var num = 0; a = x.toString(); (2) var x = 0; a = x + ...
- JavaScript中String对象的方法介绍
1.字符方法 1.1 charAt() 方法,返回字符串中指定位置的字符. var question = "Do you like JavaScript?"; alert(ques ...
- JavaScript 中string方法
注意:JavaScript的字符串是不可变的(immutable),String类定义的方法不能改变原来字符串内容,例如String.toUpperCase()这样的方法,返回的是全新的字符串,而不是 ...
- Javascript中String()与new String()的差异
这里主要关注的是值类型和引用类型. 我们知道在javascript中的变量在内存中的存储有两种形式,值类型存储和引用类型存储. 通常可以进行值存储的包括 字符串类型,布尔值类型,数字类型,他们都包含 ...
- Javascript中String对象的的简单学习
第十一课String对象介绍1:属性 在javascript中可以用单引号,或者双引号括起来的一个字符当作 一个字符对象的实例,所以可以在某个字符串后再加上.去调用String 对象 ...
- Javascript数组,String对象,Math对象,Date对象,正则表达式
标题栏的滚动<html><head><title>山西众创金融</title></head>function init(){ //1.拿到标 ...
随机推荐
- Spring下配置几种常用连接池
1.连接池概述 数据库连接是一种关键的有限的昂贵的资源,这一点在多用户的网页应用程序中体现得尤为突出.对数据库连接的管理能显著影响到整个应用程序的伸缩性和健壮性,影响到程序的性能指标.数据库连接池正是 ...
- 你所不知道的ASP.NET Core MVC/WebApi基础系列 (二)
转自博客:https://www.cnblogs.com/CreateMyself/p/10604293.html 前言 本节内容,我们来讲讲.NET Core当中的模型绑定系统.模型绑定原理.自定义 ...
- C# 在WPF中使用Exceptionless异常日志框架
登录http://exceptionless.com/官网,注册一个账户. 创建项目 选择wpf项目类型 拷贝下箭头指的这个密钥,过后程序里用的到. 下面我们打开vs,新建一个wpf的项目 打开git ...
- [leetcode.com]算法题目 - Remove Duplicates from Sorted List
Given a sorted linked list, delete all duplicates such that each element appear only once. For examp ...
- 【mock】后端不来过夜半,闲敲mock落灯花 (mockjs+Vuex+Vue实战)
mock的由来[假] 赵师秀:南宋时期的一位前端工程师 诗词背景:在一个梅雨纷纷的夜晚,正处于项目编码阶段,书童却带来消息:写后端的李秀才在几个时辰前就赶往临安度假去了,!此时手头仅有一个简单 ...
- 不一样的日期、时间转换(moment.js)
无意中遇到了一种很奇怪的日期格式,从接口中返回的日期是这样的,如 2018-02-06T11:59:22+08:00 .然而这却不是我们想要的,我们要的是这种,YYYY-MM-DD HH:mm:ss. ...
- fastjson 反序列化漏洞笔记,比较乱
现在思路还是有点乱,希望后面能重新写 先上pon.xml 包 <?xml version="1.0" encoding="UTF-8"?> < ...
- SpringBoot从入门到逆天(1)
1.SpringBoot是什么? <1>为Sping开发提供一个更 快捷更广泛的入门体验. <2>开箱即用,不合适时特可以快速抛弃. <3>提供一系列大型项目常用的 ...
- Mybatis 逆向工程学习随笔
一.逆向工程的作用 简单来说,就是替我们生成Java代码. 之前使用Mybatis的Mapper代理方法开发,还需要自己创建实体类,而且属性还得和数据库中的字段对应.这着实是机械化的而且比较麻烦的事, ...
- vue教程3-02 vue动画
vue教程3-02 vue动画 以下代码,已经用包管理器下载好vue,animate <!DOCTYPE html> <html lang="en"> &l ...