您的位置:首页 > Web前端 > JavaScript

JavaScript 数组和字符串的常用方法汇总

2020-02-05 10:19 387 查看

数组

创建:

1.字面量: var arr = [ ]

2.内置构造函数: var arr1 = new Array[ ]

数组中的方法:

pop( )

  • 删除数组末尾的一项
  • 语法:数组.pop( )
  • 会改变原数组,返回值为删除的那一项

push( )

  • 向数组的末尾添加一项
  • 语法:数组.push( 要添加的数据)
  • 会改变原数组,返回值为改变后的数组长度

shift( )

  • 删除数组第一项
  • 语法:数组.shift( )
  • 会改变原数组,返回值为删除的那一项数据

unshift( )

  • 向数组的第一项添加一项数据
  • 语法:数组.unshift( “要添加的数据”)
  • 会改变原数组,返回值为改变后的数组长度

splice( )

  • 截取数据

  • 1.传一个参数,代表开始的位置截取到最后面

    2.传两个参数,第一个是截取的位置(下标),第二个为截取个数

    3.传三个参数,第一个是截取的位置,第二个为截取个数,第 三个为替换到截取数据的位置

  • 会改变原数组,返回值是一个新数组,里面是截取的数据

reverse( )

  • 反转数组
  • 会改变原数组,返回一个新数组

sort( )

  • 排序

  • sort方法默认不传参的时候,从第一位开始排序

  • sort方法接收一个参数是一个函数,函数有两个形参

    形参1,形参2
    
    return 形参1 -形参2 (升序,冒泡排序)
    
    return 形参2- 形参1 (降序)
    var arr = [6,7,5,3,9,8,54,32]
    var res =arr.sort( function(a,b){
    return a-b
    })
    console.log(res)
    // Array[3,5,6,7,8,9,32,54]
  • 会改变原数组,返回值为改变后的数组

concat( )

  • 数组拼接

  • 不会改变原数组,返回值是一个拼接好的新数组

    var arr1 = ["wangtao", "tao"]
    var arr2 = ["youqian"]
    console.log(arr1.concat( arr2, undefined, 5, 7, 4, 2))
    // ["wangtao", "tao", "youqian", undefined, 5, 7, 4, 2]

join( ) 数组转换为字符串

  • 将数组转换为字符串
  • 不传参默认把数组里的每一项用 , 拼接。
  • 不会改变原数组,返回值是处理后的字符串

slice( )

  • 可从数组中返回选定的元素

  • 语法: arr.slice( star,end)

  • 第一个参数:表示开始选取的位置,如果是负数,就从数组尾部开始算,如-1就是数组最后一个数据,-2就是数组倒数第二个数据

    第二个参数:可选。从何处结束选取。该参数是数组结束处的下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。

  • 不会改变原数组,返回一个新数组,包含从 start 到 end (不包括该元素)的 元素。

ES5中的数组方法

indexOf( )

  • 查找数据
  • 语法:数组.indexOf(要查找的数据)
  • 返回值:如果有这个数据,返回数据和对应下标,如果没有就返回-1

forEach( )

  • 遍历数组

  • 数组里面有多少个数据就循环多少次

  • 语法:

    arr.forEach(function(item,index){
    //item为数组中的每一项
    //index为索引
    })
  • 不会改变原数组,返回值为undefined

map( )

  • 映射

  • 数组有多少数据循环多少次,按照原始数组元素顺序依次处理元素

    var res =arr.map(function(item,index,arr){
    return .....
    //arr为原数组
    
    })
  • 不会改变原数组,返回值为新数组,数组中的元素为原始数组元素调用函数处理后的值。

filter( )

  • 过滤
  • 返回值:返回包含了符合条件的所有元素的新数组。如果没有符合条件的元素则返回空数组

some( )

  • 只要数组当中有一个满足条件就返回true,都不满足就返回false

every( )

  • 每一个都满足条件就返回true,只要有一个不满足就返回false

字符串的方法

charAt( )

  • 按照指定的下标返回相应字符
  • 语法:字符串.charAt()
  • 不会改变原字符串,返回值为对应下标的字符

charCodeAt( )

  • 按照指定的下标返回对应字符的编码
  • 语法:字符串.charCodeAt()
  • 不会改变原字符串,返回值为对应下标的字符编码

toLowerCase( )

  • 字符转成全小写字母
  • 不会改变原字符串,返回值为转换后的全小写字符串

toUpperCase( )

  • 字符转成全大写字母
  • 不会改变原字符串,返回值为转换后的全大写字符串

subString( )

  • 截取字符串,包前不包后
  • 语法:字符串.subString(参数1,参数2)
  • 参数1是开始截取的位置,参数2是停止截取位置,包前不包后,前面开始的下标截得到,结束的下标截不到

subStr( )

  • 截取字符串
  • 语法:字符串.subStr( 参数1,参数2)
  • 参数1表示开始位置,参数2表示截取的个数

split( ) 字符串分割成数组

  • 把字符串分割成数组,不传参默认用逗号分割每一项数据

indexOf( )

  • 查找改变原来的字符串
  • 返回值为这个字符的下标,若没有找到要找的字符,返回 -1

replace( )

  • 替换
  • 语法:字符串.replace( 参数1,参数2)
  • 参数1是要替换的字符,参数2是用什么替换
  • 返回值就是替换后的字符串
  • 点赞
  • 收藏
  • 分享
  • 文章举报
边城乌苏 发布了8 篇原创文章 · 获赞 1 · 访问量 1735 私信 关注
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: