应该记住的数组字符创方法

数组:

1.push():向数组尾部添加一个或多个元素,并返回添加新元素后的数组长度。注意,该方法会改变原数组。

1vararr = [1,2,3];

2console.log(arr);//  [1, 2, 3]

3varb = arr.push(4);

4console.log(b);//  4   //表示当前数组长度

5console.log(arr);// [1, 2, 3, 4]

pop():删除数组的最后一个元素,并返回该元素。注意,该方法会改变原数组。

1vararr = [1,2,3];

2console.log(arr);// [1,2,3]

3arr.pop();

4console.log( arr.pop() );// [3]//返回删除的元素

5console.log(arr);// [1,2]

2.unshift():在数组的第一个位置添加元素,并返回添加新元素后的数组长度。注意,该方法会改变原数组。

1vararr = ['a', 'b', 'c'];

2arr.unshift('x');// 4

3console.log(arr);// ['x', 'a', 'b', 'c']

shift():删除数组的第一个元素,并返回该元素。注意,该方法会改变原数组。

1vararr = ['a', 'b', 'c'];

2arr.shift()// 'a'

3console.log(arr)// ['b', 'c']

shift()方法还可以遍历并清空一个数组。

1varlist = [1, 2, 3, 4, 5, 6];

2varitem;

3

4while(item = list.shift()) {

5console.log(item);

6}

7

8console.log(list);// []

3.valueOf():返回数组的本身。

1vararr = [1, 2, 3];

2arr.valueOf()// [1, 2, 3]

indexOf():返回指定元素在数组中出现的位置,如果没有出现则返回-1

1vararr = ['a', 'b', 'c'];

2

3arr.indexOf('b')// 1

4arr.indexOf('y')// -1

indexOf方法还可以接受第二个参数,表示搜索的开始位置。

1['a', 'b', 'c'].indexOf('a', 1)// -1

上面代码从1号位置开始搜索字符a,结果为-1,表示没有搜索到。

toString():返回数组的字符串形式。

1vararr = [1, 2, 3];

2arr.toString()// "1,2,3"

3

4vararr = [1, 2, 3, [4, 5, 6]];

5arr.toString()// "1,2,3,4,5,6"

4.join():以参数作为分隔符,将所有数组成员组成一个字符串返回。如果不提供参数,默认用逗号分隔。

1vararr = [1, 2, 3, 4];

2

3arr.join(' ')// '1 2 3 4'

4arr.join(' | ')// "1 | 2 | 3 | 4"

5arr.join()// "1,2,3,4"

5.concat():用于多个数组的合并。它将新数组的成员,添加到原数组的尾部,然后返回一个新数组,原数组不变。

1vararr = [1,2,3];

2varb = arr.concat([4,5,6]);

3console.log(b);//[1,2,3,4,5,6]

6.reverse():用于颠倒数组中元素的顺序,返回改变后的数组。注意,该方法将改变原数组。

1vararr = ['a', 'b', 'c'];

2

3arr.reverse()// ["c", "b", "a"]

4console.log(arr)// ["c", "b", "a"]

7.slice():用于截取原数组的一部分,返回一个新数组,原数组不变。

slice(start,end)它的第一个参数为起始位置(从0开始),第二个参数为终止位置(但该位置的元素本身不包括在内)。如果省略第二个参数,则一直返回到原数组的最后一个成员。

1vararr = ['a', 'b', 'c'];

2

3arr.slice(0)// ["a", "b", "c"]

4arr.slice(1)// ["b", "c"]

5arr.slice(1, 2)// ["b"]

6arr.slice(2, 6)// ["c"]

7arr.slice()// ["a", "b", "c"]无参数返回原数组

8

9arr.slice(-2)// ["b", "c"]参数是负数,则表示倒数计算的位置

10arr.slice(-2, -1)// ["b"]

8.splice():删除原数组的一部分成员,并可以在被删除的位置添加入新的数组成员,返回值是被删除的元素。注意,该方法会改变原数组。

splice(start,delNum,addElement1,addElement2,...)第一个参数是删除的起始位置,第二个参数是被删除的元素个数。如果后面还有更多的参数,则表示这些就是要被插入数组的新元素。

1vararr = ['a', 'b', 'c', 'd', 'e', 'f'];

2arr.splice(4, 2)// ["e", "f"]从原数组4号位置,删除了两个数组成员3console.log(arr)// ["a", "b", "c", "d"]

1vararr = ['a', 'b', 'c', 'd', 'e', 'f'];

2arr.splice(4, 2, 1, 2)// ["e", "f"]原数组4号位置,删除了两个数组成员,又插入了两个新成员3console.log(arr)// ["a", "b", "c", "d", 1, 2]

1vararr = ['a', 'b', 'c', 'd', 'e', 'f'];2arr.splice(-4, 2)// ["c", "d"]起始位置如果是负数,就表示从倒数位置开始删除

1vararr = [1, 1, 1];23arr.splice(1, 0, 2)// []如果只插入元素,第二个参数可以设为04conlose.log(arr)// [1, 2, 1, 1]

1vararr = [1, 2, 3, 4];2arr.splice(2)// [3, 4]如果只有第一个参数,等同于将原数组在指定位置拆分成两个数组3console.log(arr)// [1, 2]

9.sort():对数组成员进行排序,默认是按照字典顺序排序。排序后,原数组将被改变。

1['d', 'c', 'b', 'a'].sort()

2// ['a', 'b', 'c', 'd']

3

4[4, 3, 2, 1].sort()

5// [1, 2, 3, 4]

6

7[11, 101].sort()

8// [101, 11]

9

10[10111, 1101, 111].sort()

11// [10111, 1101, 111]

上面代码的最后两个例子,需要特殊注意。sort方法不是按照大小排序,而是按照对应字符串的字典顺序排序。也就是说,数值会被先转成字符串,再按照字典顺序进行比较,所以101排在11的前面。

如果想让sort方法按照自定义方式排序,可以传入一个函数作为参数,表示按照自定义方法进行排序。该函数本身又接受两个参数,表示进行比较的两个元素。如果返回值大于0,表示第一个元素排在第二个元素后面;其他情况下,都是第一个元素排在第二个元素前面。

1vararr = [10111, 1101, 111];

2arr.sort(function(a, b) {

3returna - b;

4})

5// [111, 1101, 10111]

6

7vararr1 = [

8{ name: "张三", age: 30 },

9{ name: "李四", age: 24 },

10{ name: "王五", age: 28 }

11]

12

13arr1.sort(function(o1, o2) {

14returno1.age - o2.age;

15})

16// [

17//   { name: "李四", age: 24 },

18//   { name: "王五", age: 28 },

19//   { name: "张三", age: 30 }

20// ]

10.map():对数组的所有成员依次调用一个函数,根据函数结果返回一个新数组。

1varnumbers = [1, 2, 3];

2

3numbers.map(function(n) {

4returnn + 1;

5});

6// [2, 3, 4]

7

8numbers

9// [1, 2, 3]

上面代码中,numbers数组的所有成员都加上1,组成一个新数组返回,原数组没有变化。

11.filter():参数是一个函数,所有数组成员依次执行该函数,返回结果为true的成员组成一个新数组返回。该方法不会改变原数组。

1vararr = [1, 2, 3, 4, 5]

2arr.filter(function(elem) {

3return(elem > 3);

4})

5// [4, 5]

字符串:

1.substring(start开始位置的索引,end结束位置索引)截取的位置不包含结束位置的字符,只写一个参数表示从开始位置截取到最后

var str='abcdefg';

str.substring(1) //得到bcdefg  str.substring(1,3) //得到bc

输入负值时将负值变为0,哪个较小作为开始位置

str.substing(-1,1)  =>str.substring(0,1) //a

str.substring(1,-2) =>str.substring(0,1) //a

2.slice(start开始位置索引,end结束位置索引)基本和substring相似,区别在参数为负数。

var str='abcdefg';

str.slice(1)  //bcdefg      str.substring(1,3) // bc

输入负值时值与字符串的长度相加

str.slice(-1)          =>str.slice(6)    //g

str.slice(1,-2) =>str.slice(1,5)  //bcde

str.slice(-2,-1)=>str.slice(5,6)  //f

值绝对值大于字符串的长度时变为0

str.slice(-22) =>str.substring(0)  //abcdefg

第二个参数绝对值大于字符串的长度时,返回''

3.substr(start开始位置索引,end需要返回的字符个数)

var str='abcdefg';

str.substr(1) //bcdefg      str.substr(1,1) //b

输入负值时start参数与字符串的长度相加 ,end为负时参数变为0

str.substr(-1) =>str.substr(6)//g

str.substr(-2,-3) //

4.charAt(index)方法返回指定索引位置处的字符。如果超出有效范围(0与字符串长度减一)的索引值返回空字符串.

var str='abcdefg';

str.charAt(2) // c

5.index(string)返回String对象内第一次出现子字符串位置。如果没有找到子字符串,则返回-1。

var str='abcdefga'  str.indexOf('a')  // 0   str.indexOf('h') //-1

6.lastIndexOf(string)倒叙查找.返回String对象内第一次出现子字符串位置。如果没有找到子字符串,则返回-1。

var str='abcdefga'     str.lastIndexOf('a') // 7

7.split(str)将字符串以参数分割为数组

var str='abcadeafg'     str.split('a') //["", "bc", "de", "fg"]

8.toLowerCase方法返回一个字符串,该字符串中的字母被转换成小写。

9.toUpperCase方法返回一个字符串,该字符串中的所有字母都被转换为大写字母。

10.match() –方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配

11.search方法返回与正则表达式查找内容匹配的第一个字符串的位置。

12.12.replace用来查找匹配一个正则表达式的字符串,然后使用新字符串代替匹配

ns: <��.]��

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

推荐阅读更多精彩内容