美文网首页
应该记住的数组字符创方法

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

作者: Hedgehog_Dove | 来源:发表于2017-04-10 12:21 被阅读0次

    数组:

    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: <��.]��

    相关文章

      网友评论

          本文标题:应该记住的数组字符创方法

          本文链接:https://www.haomeiwen.com/subject/vcssattx.html