字符串

字符串

1. 创建字符串(掌握)

  • JS中的字符串是不可变的!
  • 任何涉及到字符串变化的操作都不会改变原始字符串
  • 都是从新创建一个新的字符串

JS中有两种字符串。

1. 基本类型的字符串

1.字符串直接量

var str = "MR_LP";     //str 基本类型的字符串 
console.log(typeof str);//弹出: String

2.转换函数(注意:没有new 关键字的)

var str = String(123);   
//把基本数据类型的Number
//转化为基本数据类型的String
console.log(typeof str); // 弹出 : String

3.引用类型

  • 通过new 关键字来使用String()构造方法
  • 获取到的一个对象,是引用类型Object....
var str = new String("asd");
console.log(typeof str);//弹出:Object
  1. 对象类型

2. 字符串的length属性(了解)

字符串的length 属性的值表示的是字符串中字符的个数

var str1 = "MR_LP";       //5
vvar str2 = "大家新年好";//5
  • length 是属性,所以在使用的时候不需要添加括号
  • 只有调用方法或者函数时候,才会添加括号

3. 字符串常用方法(重点)

1. 字符相关方法

s.charAt(index)
参数:
index
* 必选参数
表示字符串中某一个位置的数字
字符在字符串中的下标
返回值:
* 返回的是指定位置的字符
* JS中没有字符类型
* 返回的实际是一个长度为1 的字符串

    大家也可以想象为一个数组,具体下标是0 ,
    直到最后一个下标(str.length -1)
 var str = "你好呀李先生";
 console.log(str.charAt(0));//你
 console.log(str.charAt(2));//呀

2. 返回指定字符的Unicode 编码

str.charCodeAt(index)

  • 返回指定字符的Unicode 编码
  • 返回值范围是0~65535 之间的整数
var str = “aA0你好”
console.log(str.charCodeAt(0) );//97
console.log(str.charCodeAt(2) );//
console.log(str.charCodeAt(5) );//

3. unicode 编码中需要记住的数值

  • a ~ z
  • A ~ Z
  • 0 ~ 9
  • 0 ——> 48
  • 9 ——> 57
  • A ——> 65
  • Z ——> 90
  • a ——> 97
  • z ——> 122

4. 字符串连接方法

  • 平常工作中经常使用“ + ”进行连接
  • str.concat(str1..)
  • 该方法用于连接两个或者多个字符串
var str = "你好";
console.log(str.concat("啊李先生"));//你好啊李先生
console.log(str+"啊"+"李先生");//你好啊李先生

console.log(str.concat("")== str);//true

caocat()如果连接的是一个长度为0的字符串
则会返回这个字符串本身(this)

查找字符串出现位置

查找数组:index

查找字符串:

str.indexOf(searchValue,fromIndex)

该方法返回某个指定的字符串在字符串中首次出现的位置

参数:

  • searchValue 必选参数
    • 规定需要检索的字符串数值
  • fromIndex 可选参数
    • 规定 .字符串检索的起始位置
    • 如果省略,则从字符串首字母开始
var str = "abcdefghikab";
console.log(str.indexOf("ab"));//0
console.log(str.indexOf("ab",1));//11
console.log(str.indexOf("z"));//-1

str.lastIndexOf(searchValue,fromIndex)

  • 该方法返回一个指定字符串最后出现的位置
  • 在一个字符串中从后往前检索
var str = "efabcedf";
console.log(str.lastIndexOf("ef"));//6
console.log(str.lastIndexOf("ef",5));//0
console.log(str.lastIndexOf("ef"6));//6
console.log(str.lastIndexOf("ef"-1));//0

截取

数组的截取是:...

字符串的截取

str.substring(start,end)

  • 该方法用于提取字符串中两个指定下标之间的内容
  • 参数
    • start 必选参数
      • 给出一个非负的整数
    • end 可选参数
      • 给出一个非负的整数
      • 如果省略,则代表截取到
      • 字符串的结尾
      • 截取不包括结束位置的元素
var str = "董小姐,你嘴角向下的时候很美";
console.log(str.substring(1));//小姐,你嘴角向下的时候很美
console.log(str.substring(1,3));小姐
console.log(str.substring(-1,-3));
console.log(str.substring(5,3));

如果开始大于结束对字符串没有影响

str.substr(start,length)

参数

  • start 必选参数
    • 要截取的字符串的起始位置
    • 如果是负数,计算从字符串的尾部开始截取
  • length 可选参数
    • 截取字符串中的长度
    • 如果省略,则代表
    • 完整截取(截取到尾部)
var str = "二十四桥明月夜,何处玉人教吹箫";
console.log(str.substr(1));
console.log(str.substr(1,3));
console.log(str.substr(1,-3));// 空

在ECMA....
在IE 4 中,start 无效
开始位置强制为0

str.slice(start,end)

  • 该方法用于提取字符串中的某个位置
  • 并且新字符串返回...
  • slice()可以支持负值
  • 参数:
    • start
    • 截取开始位置
    • end
    • 截取结束位置
var str = "生命乘客改,爱情价更高";
console.log(str,slice(0,1));
console.log(str,slice(-3,1));

结束不能为0...

三中截取方式之间的差别

  1. substring()
  2. substr()
  3. slice()
    三者之间最大的差别在于 如果传递的参数为负数
  4. substring() 会将所有的负数参数转为0
  5. substr()会将第一个负数参数加上字符串的长度,第二个负数转化为0
  6. slice() 会将负值和字符串的长度相加
var str = "hell world ";//长度为11
//结果 : he
var ret1 = str substring(2,-8);
//结果 : 空
var ret2 = str substr(2,-8);

//结果 : l
var ret3 = str slice(2,-8);

字符串的大小写转换

给之前文字大小写转换用的是什么?
属性?chuansifou..?最近还有写页面吗?
文字颜色,下滑线 上划线,对其,设置文字的英文的大小写
文字倾斜是什么?文字粗体?-》文字大小写

str.toUpperCase() 转换为大写

str.toUpperCase()

  • 该方法将字符串中所有字符转换为大写

str.toLowerCase()转换为小写

str.toLowerCase()

  • 该方法将字符串中所有字符转换为小写
var ...

《黑客究竟是一群什么人》下午分享
精神:提倡信息和资源的共享,反对商业垄断。

  1. George Hotz
  2. Cracker
  3. Script Kiddie
  4. (冰人)马克斯 维京 ——> 网络犯罪之人
  5. 90 年代 纷纷投身 互联网
  6. 网络安全: 安全咨询,杀毒软件

字符串方法中的lastIndexOf()

参数:

  • searchValue:
    • 查找的内容
  • fromIndex:
    • 搜索的范围
  • 通过网上查询
  • 不过之后,是班上的学生进行了解,课后老师是说会查询

去除字符串中的首尾的空白字符

str.trim()

  • 该方法是用于去除字符串中首尾
  • 所有的空白字符
  • 对字符串内部的空白字符不做任何处理
var str ="\n \t abc    ABC  \t \n";
alert(str.trim());

字符串的替换方法

三种方法

1. replace()

replace(regExp/substr,replaceElement)

  • regExp/substr:
    • 必选参数
    • regExp -> 正则表达式
    • substr -> 字符串
    • 需要注意的,如果第一个值是字符串
    • 则将这个字符串作为检索的直接量
    • 而不是去查看是否能够转化为 regExp
  • replaceElement
    • 必选参数
    • 规定了替换文本,或者生成替换文本的函数
    • 一般为 一个字符串值
var str = "abcabc";
var newStr = str.replace("ab","**");//**cabc
console.log(newStr);

替换只针对检索到的第一个匹配到...

console.log(str.replace(/ab/ig,"**"));//**cabc
console.log(str.replace(/ab/g,"**"));//**c**c
console.log(str.replace(/AB/gi,"**"));//**cabc
gi

g:

  • 正则对象的修饰符,表示匹配时进行全局匹配
  • (当前字符中全部进行替换)
    i:
  • 正则对象中的修饰符,
  • 表示匹配的时候不区分大小写

2. match()

.match(匹配值)

  • 在字符串用于在字符串中检索指定的值

  • 匹配的参数只有一个

  • 要么是正则表达式

  • 要么是字符串

  • 返回值:

  • 存放匹配结果的数组

var str = "abcabc";
var arr = str.match("ab");
console.loge(arr);

console.log(str.match(/ab/gi));
var str = "2017年02月08日15:25:30";
var num = time.match(/\d+/gi);
console.log

3. search()

str.search(匹配的参数)

  • 匹配的参数只有一个,要么是正则表达式

  • 要么是字符串

  • 返回值:

    • 第一个匹配项的索引,
    • 如果没有找到,则返回 -1
  • 不支持全局匹配 ...

var str = "abcabc";
var arr = str.search("ab");

console.log(arr);   //0
console.log(str.search(/ab/gi));//0

字符串的比较

~ 和字符串很类似 ~

1. ==

var str1 = "今天是个好日子";
var str2 = new String"今天是个好日子";
console.log(str1 ==str2);//true

虽然两个字符串一个是基本类型
另外一个是引用类型对象
但是他们的内容是相等的,所以返回的true

2. ===

var str1 = "哈哈";
var str2 = String"哈哈";
var str3 = new String "哈哈";
var str4 = new String "哈哈";

// 内容和类型都相等,所以恒等
console.log(str1 === str2);//true

// 虽然内容相等,但是类型不同,所以不算恒等
console.log(str1 === str3);//false

//3和4虽然内容类型都相等,
// 但他们是对象,必须是一个对象才能恒等
console.log(str3 === str4);//false

3. str.localeCompare()

str.localeCompare(other)

  • 如果字符串在字母表中排在字符串参数之前,
  • 则返回一个负数
  • 如果字符串等于字符串参数,则返回 0
  • 如果字符串在字母表中排在字符串参数之后,
  • 则返回一个正数
var str = "b";
var compare_1 = str.localeCompare("a");
console.log(compare_1);//1
var str1 = "李";
var str2 = "赵";
var compare_1 = str1.localeCompare(str2);
var str3 = "aa";
var str4 = "ab";
console.log(str3.localeCompare(str4));

字符串的切割

str.split()

str.split(separator,howmany)

  • separator :
    • 必选参数
    • 字符串或者正则表达式,
    • 从该参数指定的位置进行切割
  • howmany:
    • 可选参数
    • 该参数指定可返回的
    • 数组的最大长度
    • 如果设置了该参数,
    • 返回的子串不会多于这个参数
    • 如果没有设置,则不考虑长度
    • 将字符串全部切割
    • 一般不设置该参数
var str = "how oud ra you ";
....

Math 对象

Math 主要用于做一些数学上的运算

  • 平方,开方,绝对值,三角函数...
  • 数学常用属性:π (pai)
console.log(Math.PI);

数学常用属性:E 自然对数的底数2.7 ...

console.log(Math.E);

绝对值

console.log(Math.abs(5));
console.log(Math.abs(-5));//5

最大值

console.log(Math.max(5,60,80,4));//80

最小值

console.log(Math.min(5,60,80,4));//4

返回大于等于 number 的最小整数(向上取整)

console.log(Math.ceil(13,14));//14
console.log(Math.ceil(13,-14));//13

返回大于等于 number 的最大整数(向下取整)

console.log(Math.floor(13,14));//13
console.log(Math.ceil(-13,14));//-14

四舍五入

console.log(Math.round(13.4));//13
console.log(Math.round(13.5));//14
console.log(Math.round(-13.4));//-13
console.log(Math.round(-13.5));//-14

指数

console.log(Math.pow(2,3));//8

平方根

console.log(Math.sqrt(4));//2

随机数(伪随机数)(用的特别多)

console.log(Math.random());//随机小数

随机数函数

  • 返回是是0~1之间的随机小数
  • 不包括0和1

三角函数(做特设效果)

console.log(Math.sin(Math.PI / 4));//45正弦
console.log(Math.cos(Math.PI / 4));//45余弦
console.log(Math.tan(Math.PI / 4));//45正切
  • 存在精度问题
  • 反弦都是由这个基础演变过去的
随机数函数
  1. 写好注
  2. 留好退路
  3. 目标:
  • 创建一个函数,我们可以自己控制
  • 输出的随机数 的 区间
  • 预留参数:
  1. 随机数区间的最大值
  2. 随机数区间的最小值
  • 函数的名称:
    • getRandom
  • 函数的实现过程:
    • Math.random()

    • 返回是 0 ~ 1

    • 给当前这个随机数 放大

    • 做出最大值限制

      • 将最大值和最小值进行相减
      • 将差值 + 1
    • 封装

    • 在封装前注意设限制

    • 例如:最大值原本就是这个然后由于随机数

    • 导致错误例如随机出0.9999

    • ... 查看生成随机数代码

function Random(min,max){
    var rand = Math.random()*(max-min +1);
 /   rad = Math.floor(rand)+min;
  /  return rand;
}

传入一个3 传入一个9
0.99999* (9 - 3 + 1)
0.8888666*(9 -3 +1)
0.8888666*7
6.2
rand = Math.floor(rand) + min;
return rand;
}
for(var i = ... )

明天写:(BOM):与浏览器交互的方法和接口
(DOW)

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

推荐阅读更多精彩内容