字符串javascript课程课件

字符串的概念和定义

字符串就是一串字符,由双(单)引号括起来。

字符串是 JavaScript的一种基本的数据类型。

1、var str=‘亲’;    //基本类型

定义一个字符串变量str,内容为‘亲

2、var str = new String(“hello”);      //引用类型

定义一个字符串变量str,内容为hello,

注意此刻str为object(对象)类型

用new产生的变量都是引用类型的变量,也叫对象。

3、var str = String(‘hello’);

对象只是一种特殊的数据类型。对象拥有属性和方法。

基本类型: Undefined / Boolean / Number

引用类型:Object / Array / Function / Date / String …….

字符串的概念和定义

var s1 = new String(‘hello world’);

var s2 = String(‘hello world’);

alert(typeof s1);

alert(typeof s2);

当String()和元素符new一起作为构造函数使用时,它返

回一个新创建的String对象,存放的是字符串s1的字符串表

示。

当不用new运算符调用String()是,它只把s2转换成原

始的字符串,并返回转换后的值。

字符串

字符串的属性

字符串的属性

length:表示字符串的长度;

如 :  var str=“how are you”;

alert(str.length);

alert(str[0]); //获取字符串中对应下标的字符

ECMAScript 中的字符串是不可变的;

也就是说,字符串一旦创建,它们的值就不能改变。

var str = “亲,包邮哦”;

str[0] = “唉”;  //不会改变

要改变某个变量保存的字符串,首先要销毁原来的字符串,然后再用

另一个包含新值的字符串填充该变量,

var str1 =  “Hello”;

str1 = str1+” world!”;

字符串的方法

big()      用大号字体显示字符串

bold()      使用粗体显示字符串

fixed()    以打字机文本显示字符串

strike()    使用删除线来显示字符串

fontcolor(“#00f”)  使用指定颜色来显示字符串

fontsize(22)    使用指定尺寸来显示字符串

link()      将字符串显示为链接

sub()      把字符串显示为下标

sup()      把字符串显示为上标

字符串

字符串的方法

字符串的函数(方法)--字符的获取方法

str.charAt(3)    //获取下标为3的字符

str.charCodeAt(3)  //获取下标为3的字符的编码(ASCII码)

String.fromCharCode(94)    //ASCII编码转换成字符

该方法是 String 的静态方法,所以用String调用,

如:var str = String.fromCharCode(98,99); 可传入多个参数

ASCII(American Standard Code for Information Interchange,

美国标准信息交换代码)

字符串

字符串的方法

nstr.concat()  连接字符串

var str1 = "hello";

var str2 = str1.concat(" world");

字符串的查找方法

n str.indexOf("abc") 查找字符串第一次出现的位置

var str = "abcdabcd";

var subStr = "bcd";

var index = str.indexOf(subStr);

n str.lastIndexOf("abc")  查找字符串最后一次出现的位置, 如果没

找到  返回-1

var index = str.lastIndexOf(“abc”);

字符串

字符串的方法

n str.search()正则匹配 (返回第一次出现的位置)

var str = "Abcdabcd";

var index = str.search(/abc/gi);

注: g表示进行全局匹配,i表示匹配的时候忽略大小写

n str.replace()替换字符串

var str = "how are Are are you!";

var newStr = str.replace("are", "old are");

这里的替换只能执行一次,不能够进行全局匹配,如果需要全局匹配

,则应使用正则表达式: str.replace(/are/gi, "old are")

字符串

1、将下面的字符串str的敏感字符*用空字符串””替换; (要

正确表示*得转义成:\*)

2、将str的空格用空字符串””替换;

var str = "H e  l  ** l    o    Wo r

L d  !";

3、随机产生一个四位数的验证码(纯数字(0-9)生成一个

字符串)  Math.random()

字符串

字符串的常用函数(重要)

substring(start,end); //截取字符串范围是[start,  end)

var  str =  “Hello world!”;

alert (str.substring(2,5));

注: 如果只有一个参数, 则表示到字符串最后

split(separator, howmany)—根据分隔符、拆分成数组

separator(字符串或正则表达式)

howmany(可以指定返回的数组的最大长度, 可以省略)

【注】如果空字符串(“”)用作separator,那么stringObject中的每个字

符之间都会被分割。

toLowerCase() 方法用于把字符串转换成小写

toUpperCase() 方法用于把字符串转换成大写

字符串

示例

1. 去掉字符串123@zh@qq.com中的@;

2.  任意给定的一串字符,统计字符串里面的大写字母和

小写字母的个数

3.  https://www.baidu.com/s?name=avery&age=20&sex=

male, 取出name, age和sex的值

练习

1.  已知有两个字符串str1 = ‘hello’ , str2 = ‘world’,将两个

字符串组成一个;

2.  已知字符串str = “I love BeiJing”,找出love的范围

3.  已知字符串str = “I hate BeiJing!”,提取第3个字符到第5

个字符

4.  将字符串str = “When I was young, I love a girl in

neighbor class.”中,从young提取到girl。但是不许数

Math

Math对象

pMath对象

nMath对象用于执行数学任务

pMath对象的常用函数

nMath.round(3.6)    //四舍五入

nMath.random()                //返回0-1之间的随机数

nMath.max(num1, num2)  //返回较大的数

nMath.min(num1, num2)  //返回较小的数

nMath.abs(num)    //绝对值

nMath.ceil(19.3)    //向上取整

nMath.floor(11.8)    //向下取整

nMath.pow(x,y)      //x的y次方

nMath.sqrt(num)    //开平方

Math

练习

1, 获取65-90中的随机数, 并将该数当成ASCII

码,转换成字母

Math

综合练习

练习:

给定一个字符串(包含数字,大写字母和小写字母)例如:

“abaasdFFggs3545jjkkGfDDsssss3444343”;问题如下:

1、字符串的长度;

2、取出指定下标位置的字符:0,3,5,9;

3、查找指定字符是否在以上字符串中存在:c;

4、替换指定的字符: 将g替换为22,ss替换为b;

5、截取指定开始下标位置到结束位置的字符串: 取得3--8(包含8)

的字符串;

6、遍历字符串,并将遍历出的字母两头添加符号“@”输出至当前

的文档页面, 数字按原样显示,每行5个;

字符串

作 业

必做:

1.  注册页面的简单数据校验

1.  用户名不可以用数字开头

2.  用户名长度不低于6,不高于20

3.  密码不能为空

4.  输入框中要有默认提示

5.  所有输入框不能为空,并数据合法,点击提交才可以正确提交

表单数据

2.  字母数字组合验证码(四位)

Ø  onblur :  失去焦点事件

Ø  placeholder :  提示文本(占位文本)

作业2

1. 找出出现最多的字母,找出字符串中出现次数最多的字母,将该

字母串中出现次数最多的字母,将该字母和字母出现的次数拼接成一个

新字符串,返回新字符串

传入:” WelcomeToQianfeng”;

返回:”e3”;  (要求编写成函数)

2. 将字符中单词用空格隔开

已知传入的字符串中只有字母,每个单词的首字母大写,请将每个

单词用空格隔开,只保留一个单词的首字母大写

传入:”HelloMyWorld”

返回:”Hello my world”

3. 已知一个字符串对象中,英语单词用各种非字母字符分割,统计

单词的个数

传入: “Yes,she**is%%my@love.”

作业3

1.  将字符串按照单词进行逆序,空格作为划分单词的唯一条件

传入:”Welome to Beijing”改为 “Beijing to Welcome”

2.  对称数组

传入一个数组,起元素类型与个数皆未知,返回新数组,由原数组

的元素正序反序拼接而成

传入[“One”, “Two”,”Three”]返回[“One”,  “Two”, “Three”,”Three”,”Two”, “One”]

3. 实现函数,查找子串出现的次数,返回字符串str中出现substring的次数

传入:”abcabcabc”, “abc”;  返回:3

4. 已知千锋邮箱的用户名只能由数字字母下划线组成,域名为@1000phone.com

,判断一个字符串是否是千锋邮箱,是返回true,不是返回false。

mail@1000phone.com  是

$mail@1000phone.com  不是

mail@1000phone.comp  不是

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

推荐阅读更多精彩内容