JS字符串方法的运用

想要去除一个字符串的第一个字符,有哪些方法可以实现

1. "string".replace("s","")  //替换
2. "string".substring(1)   //截取
3. "string".slice(1)      //截取
4. "string".substr(1)    //截取

看一个例子,字符串在一些表单验证方面的应用

string字符串的应用

字符串方法

DEMO1
字符串长度
  • str.length 获取字符串长度
var userName = input.value
if(userName.length > 6){
  alert(要求大于等于六个字符)
}
DEMO2
不能以"-"开头
  • str.charAt(index)
    • index索引值
"yangyumeng".charAt(0)  //"y"
应用:
var userName = input.value;
if(userName.charAt(0) == "-"){
    alert("不能以“-”开头");
}
DEMO3
必须包含"-"
  • str.indexOf(searchValue)
    • 返回值是索引位置
"yymyang-yumeng".indexOf("-")   //7
"yang-yu-meng".indexOf("-")  //4   只匹配一次
"yang-yumeng".indexOf("yumeng")  //5  按照第一个字符所在位置
"yangyumeng".indexOf("-")  //-1  没有会返回-1,可以利用-1做一些判断
DEMO4
不能含有数字
  • str.search(regexp)
    • regexp(正则)
"yangyumeng123".search(/[0-9]/)  //10,返回数字索引位置
"yang123yumeng".search(/[0-9]/)  //4
"yangyumeng123".search(/[A-Z]/)  //-1,找不到数字-1
  • str.match(regexp)
    • regexp(正则)
    • g全局
"yang123yumeng".match(/[0-9]/)  //["1"] 返回数组
"yang123yumeng".match(/[0-9]/g)  // ["1", "2", "3"]
"yangyumeng123".match(/[A-Z]/)  //没有数字,返回null

以上代码均经过chrome验证

验证

其他的字符串方法

替换
  • str.replace(regexp|substr,newSubstr|function)
    • 参数可以是正则,也可以是某一字符串
"yangyumeng123".replace("123","###") //"yangyumeng###"
"yangyumeng123".replace(/[0-9]/,"###")  //"yangyumeng###23"只替换了一个
"yangyumeng123".replace(/[0-9]/g,"#") //"yangyumeng###" 全局参数g
"yangyumeng123".replace(/[0-9]/g,"")  //"yangyumeng" 去掉数字
  • str.substring(indexA[,indexB])
    • 截取字符串
    • indexA,indexB 索引
    • 返回的是从A索引值到B索引值的字符串
    • 包含A不包含B

其实substring可以传入负数,但是负数对substring是没有任何意义的,都会处理成0,所以我们可以理解为substring其实不支持负数。

"yangyumeng".substring(2,5)  //"ngy"
"yangyumeng".substring(2)  //"ngyumeng"  从2后面所有字符串
  • str.slice(beginSlice[,endSlice])
    • 大多数和str.substring一样
    • str.slice可传入负数,倒数,
    • 后面的值取不到
"yangyumeng".slice(1,-1)  //"angyumen"
"yangyumeng".slice(-3)  //"eng"
  • str.substr(start[,length])
    • start 索引
    • length 取多少长度
"yangyumeng".substr(2,5)  //"ngyum"
"yangyumeng".substr(2)  //"ngyumeng"

看一个需求

分割
  • str.split([separator][,limit])
    • separator用什么分隔符分开
    • limit不常用,输出几个
"yagn yumeng".split(" ")  //["yagn", "yumeng"] 返回数组
"yagn yumeng".split(" " , 1)  //["yagn"]
"yagn5yumeng".split(/[0-9]/)  //["yagn", "yumeng"] 用数字分割
验证
  • str.toLowerCase()
    • 变小写字符串
"YanYUmeng".toLowerCase()  //"yanyumeng"
  • str.toUpperCase()
    • 大写
"yanguyemng".toUpperCase()  //"YANGUYEMNG"

需求

demo
  • 连接+
"0571" + "-" + "1234565"  //"0571-1234565"

var area = input.value
var tel = input.value
var num = area + "-" + tel
  • String()
    • 转字符串`
String(123)  //"123"
String(null)  //"null"
  • 转义\
"yang\"yumeng"  //"yang"yumeng"
"yang\\yumeng"  //"yang\yumeng"
"yang\tyumeng"  //"yang   yumeng"
"yang\nyumeng"   //"yang
                    yumeng"
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,242评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,769评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,484评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,133评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,007评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,080评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,496评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,190评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,464评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,549评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,330评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,205评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,567评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,889评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,160评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,475评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,650评论 2 335

推荐阅读更多精彩内容

  • Javascript有很多字符串的方法,有的人有W3C的API,还可以去MDN上去找,但是我觉得API上说的不全,...
    顽皮的雪狐七七阅读 2,122评论 0 2
  • str.length 返回一个字符串的长度 返回一个字符串的长度 str.charAt(index) 返回字符串中...
    angelwgh阅读 528评论 0 0
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,191评论 0 4
  • 此时先生在台上讲课,我在台下写作业--30天每天要写一篇文字,行动派机构,果然是充满节奏感。 尤其是那一句看,没有...
    郑依树阅读 497评论 0 1
  • 文/云胡 周时平日看似吊儿郎当,其实一直挺循规蹈矩,从来不会偏离正常生活轨道,就是骨子里对喜欢的东西寸土不让。 小...
    云胡2017阅读 428评论 5 4