js字符串操作

作者: scarecrowlxb | 来源:发表于2017-08-24 22:00 被阅读56次

js字符串方法预览:
fromCharCode(num1, num2,,,),
charAt(),
charCodeAt(),
length,
split(''),
slice(start, end?)
substring(start, end?)
trim()
concat()
toLowerCase()
toUpperCase()
indexOf(str, index?)
lastIndexOf(str, index?)
search(regexp)
match(regexp)
replace(search, replacement)

字符字面量与转义

单引号和双引号都可以表示字符字面量,'string is this' "other string is that" 推荐在js中使用单引号,HTML中使用双引号,转义字符以\开始, \n换行符 \f换页符号 \b空格符 \r回车符 \t水平制表符号 \v 垂直制表符号

charCodeAt、charAt 与 fromCharCode

fromCharCode返回由utf-16编码单元组成的字符串,而charCodeAt则返回指定位置的字符的utf-16码, charAt返回制定位置的字符

String.fromCharCode(97, 98, 99) // 'abc'
'abc'.charCodeAt(0) // 97
'abc'.charAt(0) // 'a'

length

字符串的length属性为字符串的长度, '稻草人'.length // 3

split, slice, substring

split(code, limit)将字符串转换为数组以code字符分割,limit为分隔后显示前几项

slice(start, end?)从字符串中截取子字符串,start为开始位置,end为结束位置(不包含)如果没有end参数则到字符串结尾

substring和slice函数一样,参数值可以为负值

'test'.split('') ;//['t','e','s','t']
'test'.split('', 2) //['t','e']
'test'.slice(0,2); //'te'

trim, concat

trim去除字符串两侧的空格,concat把对字符串进行拼接;

'  test   '.trim() //'test'
'hello'.concat(' name',' test') // 'hello name test'

toLowerCase, toUpperCase

toLowerCase 把字符串转换为小写,toUpperCase将字符串转换为大写字母

indexOf, lastIndexOf

indexOf(str, index?) str为索引的字符,index为开始的位置默认为0;
lastIndexOf(str, index?) 和indexOf一样,只是从index位置开始向前开始查找

'test'.indexOf('t') // 0
'test'.indexOf('t', 2) // 3
'test'.lastIndexOf('t') // 3
'test'.lastIndexOf('t', 2) // 0

search, match, replace

search(regexp) 返回字符串中第一个与regexp相匹配的子字符串的起始位置,为匹配则返回-1;match(regexp) 将regexp与字符串匹配,若未设置 全局匹配标志则返回第一次匹配的相关信息,若设置了全局匹配标志则返回所有匹配的子字符串;replace(str or regexp, 'replacestring'),将字符串中第一个str字符替换,或将匹配正则的字符替换,正则表达式中若设置全局标志则把所有匹配的字符全部替换,若未设置则只替换第一个匹配的字符,替换的目标字符中可以使用$符号进行完全匹配或捕获分组

'-yy-xxx-y-'.search(/x+/) // 4,不使用正则表达式时和indexOf函数一样
'-abb--aaab-'.match(/(a+)b/) // [ 'ab', 'a', index: 1, input: '-abb--aaab-' ]
'-abb--aaab-'.match(/(a+)b/g)  //[ 'ab', 'aaab' ]

var str = 'iixxxixx';
log(str.replace('i', 'o') ) // oixxxixx
log(str.replace(/i/, 'o') )  // oixxxixx
log(str.replace(/i/g, 'o') ) // ooxxxoxx
log(str.replace(/i+/g, '[$&]') ) // [ii]xxx[i]xx
log(str.replace(/(i+)/g, '[$1]') ) //[ii]xxx[i]xx

//replace 使用函数
var str = 'axbbyyxaa';

function log(){
    console.log.apply(null, arguments);
}

function repl(all){
    return all.toUpperCase();
}

log(str.replace(/a+|b+/g, repl)); //AxBByyxAA

相关文章

  • JavaScript网页特效(一)

    介绍常用js的字符串操作api ❤❤❤ 介绍常用js的保留小数操作api ❤❤ 介绍常用js的大小写转换操作a...

  • JavaScript笔记

    JavaScript笔记js的数据类型(6种)js的==和===字符串的操作数组的操作Math对象的操作JSON操...

  • JavaScript八张思维导图

    目录 JS基本概念 JS操作符 JS基本语句 JS数组用法 Date用法 JS字符串用法 JS编程风格 JS编程实...

  • 温故而知新,8张 Javascript 思维导图助你成长

    目录 JS基本概念 JS操作符 JS基本语句 JS数组用法 Date用法 JS字符串用法 JS编程风格 JS编程实...

  • js基础了解

    js数组常用遍历方法使用: js数组常用操作方法使用: 基本逻辑运算: 基本字符串操作方法:

  • 正则

    正则就是用来操作字符串,为了性能尽量使用正则来操作字符串。 js中的字符串操作方法在这里先复习一下: str.sp...

  • js基础篇(二)——字符串的各种操作

    js基础篇(一)——数组的各种操作js基础篇(三)——DOM的各种操作 1. 创建字符串 一个字符串用于存储一系列...

  • JavaScript02

    今日主要内容 常用API JSON字符串 JS自定义对象三种方式 DOM事件操作类型,JS对html和css的操作...

  • Vue.js初级

    1.Vue.js表达式  1.1 基本表达式语法  1.2 三目操作  1.3 字符串操作  1.4 对象操作  ...

  • JavaScript 字符串

    js字符串,js字符串的概述和声明,js字符串的特性,js字符串的常用方法,js字符串的拓展方法,js字符串的案例...

网友评论

    本文标题:js字符串操作

    本文链接:https://www.haomeiwen.com/subject/zgkydxtx.html