JavaScript - 6.字符串<增删改查>

字符串 String

基本数据类型不能改变其值,只能赋值

字符串 - 增

★ concat() // 连接 用于连接两个或多个字符串(同数组)
var a = "hello world";
var b = "good";
var c = a.concat(b);
console.log(c); //  hello worldgood

字符串 - 改

★ replace(" "," ") // 替换字符串中的字符(区分大小写)  " "会自动转化成Regexp(正则表达式 / /)
var a = "Visit Microsoft!";
var b = a.replace("Microsoft","W3School");
console.log(b); // Visit W3School!

// 要替换不区分大小写,请使用带有/ i标志(不敏感)的正则表达式:
var a = "visit Microsoft!";
var b = a.replace(/MICROSOFT/i, "W3Schools");
console.log(b); // Visit W3School!

★ toUpperCase() // 将字符串转换为大写字母
var a = "Hello World!";
var b = a.toUpperCase();
console.log(b); // HELLO WORLD!

★ toLowerCase() // 将字符串转换为小写字母
var a = "Hello World!";
var b = a.toLowerCase();
console.log(b); // hello world!

字符串 - 查

★ charAt()  // 根据index截取一个字符 
var a = "hello world";
console.log(a.charAt(0));  // h

★ charCodeAt()  // 返回在字符串中指定索引处的字符的Unicode
var a = "hello world";
console.log(a.charCodeAt(0));  // 104

★ indexOf()  // 检索字符串的下标index(同数组)
var a = "hello world";
var b = a.indexOf(“h”); // 0; 可接受两个参数,第1个参数为查找内容,第2个参数从哪里开始查找,不能为负值.
var c = a.indexOf(“a”); // -1如果没有返回-1;

★ lastIndexOf() // 从尾部开始检索字符串的下标index
var a = "Please Locate where 'locate' occurs!";
var b = str.lastIndexOf("locate");  // 从尾部开始查找
var c = str.lastIndexOf("Locate",15); // 从15开始倒顺查找
console.log(pos); // 21 
console.log(pos1); // 7

★ search() // 查找
var a = "Please locate where 'locate' occurs!";
var b = a.search("locate"); // 与indexOf区别在于,search第二位参数可接受正则表达式
console.log(b); // 7

★ slice(start,end)  // 切片 剪切一块区域(同数组)
var a = "hello world";
var b = a.slice(0,2); // 包含第一个,不包含第二个 ; 
var c = a.slice(-5,-3) // 可接受负值从末尾切片;
console.log(b); // he
console.log(c); // wo

★ substring(start,stop) // 子串 用于提取字符串中介于两个指定下标之间的字符
var a = "hello world";
var b = a.substring(0,2); // 包含第一个,不包含第二个
console.log(b); // he

★ substr(start,length) 
// 参数指定的是子串的开始位置和长度,因此它可以替代 substring() 和 slice() 来使用。
var a = "hello world";
var b = a.substr(0,5); // 包含第一个,不包含第二个
console.log(b);  // hello

★ split(separator,howmany)  // 分开 用于把一个字符串分割成字符串数组。
var a = "hello";
var b = a.split("");
console.log(b); // ["h","e","l","l","o"]

字符串常用的方法

★ length  // 获取字符串的长度(同数组)
var a = "hello world";
console.log(a.length)  // 11
image.png
// js
<script>
var txt="Hello World!"
document.write("<p>Big: " + txt.big() + "</p>")
document.write("<p>Small: " + txt.small() + "</p>")
document.write("<p>Bold: " + txt.bold() + "</p>")
document.write("<p>Italic: " + txt.italics() + "</p>")
document.write("<p>Blink: " + txt.blink() + " (does not work in IE)</p>")
document.write("<p>Fixed: " + txt.fixed() + "</p>")
document.write("<p>Strike: " + txt.strike() + "</p>")
document.write("<p>Fontcolor: " + txt.fontcolor("Red") + "</p>")
document.write("<p>Fontsize: " + txt.fontsize(16) + "</p>")
document.write("<p>Lowercase: " + txt.toLowerCase() + "</p>")
document.write("<p>Uppercase: " + txt.toUpperCase() + "</p>")
document.write("<p>Subscript: " + txt.sub() + "</p>")
document.write("<p>Superscript: " + txt.sup() + "</p>")
document.write("<p>Link: " + txt.link("http://www.w3school.com.cn") + "</p>")
</script>
image.png
image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,456评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,370评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,337评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,583评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,596评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,572评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,936评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,595评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,850评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,601评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,685评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,371评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,951评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,934评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,167评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,636评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,411评论 2 342

推荐阅读更多精彩内容

  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,204评论 0 4
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,560评论 18 399
  • Halboard It has been a year that i haven't been updating ...
    Beethoven_h阅读 154评论 0 0
  • 姐姐每隔几天就会给我发小外甥的照片。大概是因为每次聊天第一句话就是“牛牛在干吗呢,睡着了吗?”。在被周而复始的烦躁...
    kijoann阅读 343评论 0 1
  • 很多时候我们真正努力要做到的 其实就是全身心的对一件事儿的投入 这之后才能有资本和底气去谈结果和目标 1 就我目前...
    蜜思琳的世界阅读 419评论 0 1