JS 字符串,数组,Math对象常用属性

string类型

String 类型用于表示由零或多个 16位 Unicode字符组成的字符序列,即字符串。字符串可以由双 引号(")或单引号(')表示,因此下面两种字符串的写法都是有效的:

var firstName = "始皇"; 
var lastName = '秦';

字符字面量

string类型中的转义序列,即非打印字符:

字面量 含义
\n 换行
\t 制表
\b 空格
\r 回车
\f 走纸换页,针对打印机
\r 回车键(\u000D)
\t 制表符(\u0009)
\v 垂直制表符(\u000B)
\\ 斜杠
' 单引号'He said, ' hey.' '
'' 双引号"He said, "hey.""
\xnn 用十六进制nn表示一个字符(n为0-F),eg:\x41表示A
\unnnn 用十六进制nnnn表示一个Unicode字符(n为0-F),eg: \u03e3表示希腊字符Σ

转换为字符串

toString()
当toString传参时,此参数表示输出数值的基数,通过这个基数输出二进制,八进制,十六进制:

 var num = 10; alert(num.toString());     // "10" 
alert(num.toString(2));        // "1010" 
alert(num.toString(8));        // "12" 
alert(num.toString(10));       // "10" 
alert(num.toString(16));       // "a" 

null和undefined值没有tostring()方法,在不确定是否有这两个值时,可以使用String(),其转换规则为:

  • 如果值有toString()方法,则调用该方法;
  • 如果值时null,返回"null";
  • 如果值是undefined,返回"undefined";

常用方法

分类 名称 描述 举例
字符方法 返回某位置字符charAt() 返回指定位置的字符,返回的字符是长度为 1 的字符串。stringObject.charAt(index)
如果参数 index 不在 0 与 string.length-1 之间,该方法将返回一个空字符串。注意:一个空格也算一个字符。
var mystr="Hello world!"
document.write(mystr.charAt(2));//l
字符方法 返回某位置的字符编码charCodeAt() stringObject.charCodeAt(index) var mystr="Hello world!"
alert(mystr.charAt(1));//101--e的字符编码
字符方法 接收字符编码,返回字符串fromCharCode() 接收一或 多个字符编码,然后将它们转换成一个字符串。与charCodeAt() 执行的是相反的操作 alert(String.fromCharCode(104, 101, 108, 108, 111)); //"hello"
字符串操作方法 拼接字符串concat() 将一或多个字符串拼接并返回拼接得到的新字符串 var stringValue = "hello ";
var result = stringValue.concat("world");
字符串位置方法 查找位置indexOf() 返回指定的字符串首次出现的位置stringObject.indexOf(substring, startpos)
从stringObject的startpos位置开始查找substring,如果没有此参数将从stringObject的开始位置查找。
①indexOf() 方法区分大小写。
②如果要检索的字符串值没有出现,则该方法返回 -1。
var str="I love JavaScript!"
document.write(str.indexOf("I") + "<br />");//0
document.write(str.indexOf("v",8));//9
字符串位置方法 查找位置lastIndexOf() 而 lastIndexOf()方法 是从字符串的末尾向前搜索子字符串 var stringValue = "hello world";
alert(stringValue.lastIndexOf("o")); //7
大小写转换方法 大写toUpperCase() String 对象的 toUpperCase() 方法:将字符串小写字母转换为大写 var mystr="Hello world!";
var mynum=mystr.toUpperCase();
大小写转换方法 小写toLowerCase() String 对象的 toLowerCase()方法:将字符串所有大写字母都变成小写的字符串 var message="Hello world!";
var mychar=message.toLowerCase()
模式匹配方式 match() 与exec()方法相同。match()方法只接受一个参数,要么是一个正则表达式,要么是一个 RegExp 对象 var text = "cat, bat, sat, fat";
var pattern = /.at/; //与 pattern.exec(text)相同
var matches = text.match(pattern); alert(matches[0]); //"cat"
模式匹配方式 search() 参数与match相同,:由字符串或 RegExp 对象指定的一个正则表达式。search()方法返回字符串中第一个匹配项的索引;如果没 有找到匹配项,则返回-1。而且,search()方法始终是从字符串开头向后查找模式 var text = "cat, bat, sat, fat";
var pos = text.search(/at/);
alert(pos); //1
替换子字符串 replace() 第一个参数可以是一个RegExp对象或一个字符串,第二个参数可以是一个字符串或一个函数,当第一个参数是字符串,那么只会替换第一个子字符串。要想替 换所有子字符串,唯一的办法就是提供一个正则表达式,而且要指定全局(g)标志 var text = "cat, bat, sat, fat";
var result = text.replace("at", "ond");
alert(result); //"cond, bat, sat, fat"
result = text.replace(/at/g, "ond");
alert(result); //"cond, bond, sond, fond"
比较字符串 localeCompare() 比较两个字符串--
① 如果字符串在字母表中应该排在字符串参数之前,则返回一个负数(大多数情况下是-1)
②如果字符串等于字符串参数,则返回 0;
③如果字符串在字母表中应该排在字符串参数之后,则返回一个正数(大多数情况下是 1)
var stringValue = "yellow";
alert(stringValue.localeCompare("brick")); //1
alert(stringValue.localeCompare("yellow")); //0
alert(stringValue.localeCompare("zoo")); //-1
字符串分割split() 将字符串分割为字符串数组,并返回此数组。stringObject.split(separator,limit)
separator--从该参数开始切割,如果把空字符串 ("")用作 separator,那么 stringObject 中的每个字符之间都会被分割
var mystr = "www.imooc.com";
document.write(mystr.split("."));
// www,imooc,com
document.write(mystr.split(".", 2)+"<br>");//www,imooc
提取字符串substring() 用于提取字符串中介于两个指定下标之间的字符stringObject.substring(startPos,stopPos)
startPos--开始位置,必需项
stopPos--结束位置,可选
var mystr="I love JavaScript";
document.write(mystr.substring(7));//JavaScript
document.write(mystr.substring(2,6));//love
提取指定数目的字符substr() 从字符串中提取从 startPos位置开始的指定数目的字符串。stringObject.substr(startPos,length)
如果参数startPos是负数,从字符串的尾部开始算起的位置。也就是说,-1 指字符串中最后一个字符,-2 指倒数第二个字符,以此类推。
var mystr="I love JavaScript!";
document.write(mystr.substr(7));

Math对象:

Math 对象是一个固有的对象,无需创建它,直接把 Math 作为对象使用就可以调用其所有属性和方法。这是它与Date,String对象的区别。
Math 对象属性


undefined

Math 对象方法

undefined
方法 描述 举例
向上取整ceil() Math.ceil(x) document.write(Math.ceil(0.8))//1
document.write(Math.ceil(-5.9))//-5
向下取整floor() Math.floor(x) document.write(Math.floor(0.8))//0
document.write(Math.floor(-5.9))//-6
四舍五入round() Math.round(x) document.write(Math.round(1.6));//2
随机数random() Math.random() 返回一个大于或等于 0 但小于 1 的符号为正的数字值。要想返回0-10之间的:document.write((Math.random())*10);

Array 数组对象

数组定义的方法:

  1. 定义了一个空数组:
var  数组名= new Array();
  1. 定义时指定有n个空元素的数组:
var 数组名 =new Array(n);

3.定义数组的时候,直接初始化数据:

var  数组名 = [<元素1>, <元素2>, <元素3>...];

我们定义myArray数组,并赋值,代码如下:

var myArray = [2, 8, 6]; 

数组方法


undefined
方法 描述 举例
数组连接concat() 用于连接两个或多个数组。此方法返回一个新数组,不改变原来的数组。arrayObject.concat(array1,array2,...,arrayN) 类1
var mya1 = new Array(1, 2, 3);
document.write(mya1.concat(4, 5));//1,2,3,4,5
类2
var mya1= new Array("hello!")
var mya2= new Array("world");
document.write(mya1.concat(mya2));
指定分隔符连接数组元素join() 用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。arrayObject.join(分隔符)
如果省略分隔符,则用逗号
document.write(myarr3.join("-"));
颠倒数组元素顺序reverse() arrayObject.reverse() document.write(myarr.reverse())
选定元素slice() 可从已有的数组中返回选定的元素。arrayObject.slice(start,end)
①返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。
②该方法并不会修改数组,而是返回一个子数组。
③可使用负值从数组的尾部选取元素。-1为最后一个元素
var myarr = new Array(1,2,3,4,5,6);
document.write(myarr.slice(2,4) );//3,4
数组排序sort() arrayObject.sort(方法函数)
如果不指定<方法函数>,则按unicode码顺序排列。
function sortNum(a,b) {
return a - b;
}
document.write(myarr.sort(sortNum));//升序

注意区分切片数组的slice和切片字符串的substring

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