web前端:js字符串方法和数组方法总览

    作者:仙界架构师 更新于: 2020-03-26 21:24:57

    Web开发

      字符串数据类型是建模在形式字符串的想法上的数据类型。字符串是几乎在所有编程语言中可以实现的非常重要和有用的数据类型。在某些语言中它们可作为基本类型获得,在另一些语言中做为复合类型获得。多数高级语言的语法允许通常用某种方式引用起来的字符串来表示字符串数据类型的实例;这种元字符串叫做"文本"或"字符串文本"。

      js字符串方法和数组方法总览

      字符串方法

      search()

      方法搜索特定值的字符串,并返回匹配的位置。

      相比于indexOf(),search()可以设置更强大的搜索值(正则表达式

      substring()

      类似slice(),两个参数均为索引值,

      substr()

      类似slice(),第2个参数为长度,如果省略则长度直至末尾

      replace()

      用另一个值替换在字符串中指定的值产生新字符串,原字符串不改变。

      正则表达式大小写不敏感加上/i,替换所有匹配则使用正则/g,全局匹配。

      toUpperCase()

      toUpperCase()把字符串转换为大写

      toLowerCase();

      toLowerCase()把字符串转换为小写

      concat()

      连接两个或多个字符串,返回有一个新的字符串

      trim()

      trim()方法删除字符串两端的空白符:

      charAt()

      charAt()方法返回字符串中指定下标(位置)的字符串:

      charCodeAt()

      charCodeAt()方法返回字符串中指定索引的字符unicode编码:

      split()

      split()将字符串转换为数组:

      toString()

      返回字符串。

      新建数组的方法

      vararr1=newArray();//创建一个空数组

      vararr2=newArray(20);//创建一个包含20项的数组

      vararr3=newArray("lily","lucy","Tom");//创建一个包含3个字符串的数组

      vararr4=[];//创建一个空数组

      vararr5=[20];//创建一个包含1项的数组

      vararr6=["lily","lucy","Tom"];//创建一个包含3个字符串的数组

      数组方法

      join()

      将数组的元素组起一个字符串,以separator为分隔符,

      省略的话则用默认用逗号为分隔符,该方法只接收一个参数:即分隔符。

      push()和pop()

      push():

      可以接收任意数量的参数,把它们逐个添加到数组末尾,

      并返回修改后数组的长度。

      pop():

      数组末尾移除最后一项,减少数组的length值,

      然后返回移除的项。

      shift()和unshift()

      shift():

      删除原数组第一项,并返回删除元素的值;

      如果数组为空则返回undefined。

      unshift():

      将参数添加到原数组开头,并返回数组的长度。

      sort()

      sort():按升序排列数组项——即最小的值位于最前面,

      最大的值排在最后面。(原数组改变)

      reverse()

      reverse():反转数组项的顺序。(原数组改变)

      concat()

      concat():将参数添加到原数组中。这个方法会先创建当前数组一个副本,

      然后将接收到的参数添加到这个副本的末尾,最后返回新构建的数组。

      在没有给concat()方法传递参数的情况下,它只是复制当前数组并返回副本。

      slice()

      slice():返回从原数组中指定开始下标到结束下标之间的项组成的新数组。

      splice()

      splice():很强大的数组方法,它有很多种用法,可以实现删除、插入和替换。

      splice()方法始终都会返回一个数组,该数组中包含从原始数组中删除的项,

      如果没有删除任何项,则返回一个空数组。

      indexOf()和lastIndexOf()

      indexOf():

      接收两个参数:要查找的项和(可选的)表示查找起点位置的索引。

      其中,从数组的开头(位置0)开始向后查找。

      lastIndexOf():

      接收两个参数:要查找的项和(可选的)表示查找起点位置的索引。

      其中,从数组的末尾开始向前查找。

      区别:

      这两个方法都返回要查找的项在数组中的位置,或者在没找到的情况下返回-1。

      在比较第一个参数与数组中的每一项时,会使用全等操作符。

      forEach()

      forEach()对数组进行遍历循环,对数组中的每一项运行给定函数。

      这个方法没有返回值。

      参数都是function类型,默认有传参,参数分别为:

      遍历的数组内容;第对应的数组索引,数组本身。

      map()

      map()指“映射”,对数组中的每一项运行给定函数,

      返回每次函数调用的结果组成的数组。

      filter()

      filter():“过滤”功能,数组中的每一项运行给定函数,

      返回满足过滤条件组成的数组。

      every()

      every():判断数组中每一项都是否满足条件,

      只有所有项都满足条件,才会返回true。

      some()

      some():判断数组中是否存在满足条件的项,

      只要有一项满足条件,就会返回true。

      reduce()和reduceRight()

      这两个方法都会实现迭代数组的所有项,然后构建一个最终返回的值。

      reduce()方法从数组的第一项开始,逐个遍历到最后。

      而reduceRight()则从数组的最后一项开始,向前遍历到第一项。

      这两个方法都接收两个参数:

      一个在每一项上调用的函数和(可选的)作为归并基础的初始值。

      传给reduce()和reduceRight()的函数接收4个参数:

      前一个值、当前值、项的索引和数组对象。

      这个函数返回的任何值都会作为第一个参数自动传给下一项。

      第一次迭代发生在数组的第二项上,因此第一个参数是数组的第一项,第二个参数就是数组的第二项。

      includes()

      includes()方法用来判断一个数组是否包含一个指定的值,

      如果是,返回true,否则false。

      es6新增字符串方法

      startsWith()

      endsWith()

      includes()

      reapet()

      es6新增数组方法

      find()

      findIndex()

      fill()

      copyWithin()

      历史上,字符串数据类型为每个字符分配一个字节,尽管精确的字符集随着区域而改变,字符编码足够类似得程序员可以忽略它-同一个系统在不同的区域中使用的字符集组要么让一个字符在同样位置,要么根本就没有它。这些字符集典型的基于ASCII码或EBCDIC码。

课课家教育

未登录