字符串和数组常用的方法

字符串常用的方法

字符串的平常的方法,返回的是新的字符串,并不是在字符串上进行更改
String

  var str = new String()
 console.log(str)

CharAt
调用方法,返回指定下标的字符串

    var str = 'hallow world'
    console.log(str.charAt(2))
   //console.log的值为l,就像 array的下标一样,从0开始 进行计算的

indexof
参数为想要确定是否 存在的下标,存在则返回开始下标,不存在返回-1

   var str = 'hallow world'
   console.log(str.lastIndexOf('ha'))  //0

lastIndexOf
从后往前进行检索, 存在 返回下标索引值(依然是从前往后数的下标值),不存在返回-1

   var str = 'hallow world'
   console.log(str.indexof('ha'))
  //console.log的值为0,下标依然从0开始计算

slice
截取字符串,两个参数,开始下标,结束下标,下标值都是从0进行计算

  var str = 'hallow world'
  console.log(str.slice(2,5))//llo

search
查询字符换 ,存在返回 下标索引(从一开始计算,与indexof不同点 ),不存在返回-1

     var str = 'hallow world'
     console.log(str.search(‘y’))//-1

replace
顾名思义,指定字符串进行替换

   var str = 'hallow world'
   console.log(str.replace('ha','ljl'))
  //console.log的值为ljlllow world

  还可以 进行搭配别的进行使用
  let newstr = str.replace(str.slice(2,5),'ljl')
  console.log(newstr)//haljlw world

split
将字符串转换成数组,以什么为标识进行拆解

    var str = 'hallowworld'
   console.log(str.split(''))  // ["h", "a", "l", "l", "o", "w", "w", "o", "r", "l", "d"]
   //上例就是 以空格为标识进行拆解

concat
合并字符串,对两个或以上 的字符串 进行合并

  var str = 'hallowworld'
  console.log(str.concat('dasdas'))  //hallowworlddasdas

以上就是字符串常用 方法,用不足的欢迎补充

数组的常用方法

pop,shift,unshift,push

   var arr = [1,2,3,4,5,6]
     //在 数组的末尾进行添加新的数据
     arr.push(7)  //[1, 2, 3, 4, 5, 6, 7]
     //在数组的开头进行删除最后一个
     arr.shift()  // [2, 3, 4, 5, 6, 7]
     //在数组的第一个进行添加 新的数据
     arr.unshift(7) //[7, 2, 3, 4, 5, 6, 7]
     //在数组的末尾进行删除数据
     arr.pop() //[7, 2, 3, 4, 5, 6]
    console.log(arr)
    //以上都是一起执行的

concat
进行数组的合并,参数为要拼接的数组 ,返回值为新的结合数组

	var arr = [1, 2, 3, 4, 5, 6]
    let res = arr.concat([1,2,3,4])
    console.log(res) //[1, 2, 3, 4, 5, 6, 1, 2, 3, 4]

fill
意为填充,full(filler,start,end) filler为会用谁进行填充,start被填充的起始下标(包括),end结束下标(不包括)

 var arr = [1, 2, 3, 4, 5, 6]
    let res = arr.fill(1,2,4)
    console.log(res) //[1, 2, 1, 1, 5, 6]

join,reverse,sort,splice,slice,

    var arr = [1, 2, 3, 4, 5, 6]
    //将数组转化为字符串 
    let res = arr.join()
    let res = arr.sort((a, b) => a - b)
    console.log(res, typeof res) //1,2,3,4,5,6 string

    // 向/从数组中添加/删除项目,然后返回被删除的项目 ,会改变原始数组 
    let res = arr.splice(index, del, 1)
    
    // index为添加的位置,del为删除的位置,0则是不删除,1为添加项
    let res = arr.splice(2, 0, 'das')  //[1, 2, "das", 3, 4, 5, 6]
    
    // 截取数组,一个参数时,从第几位截取到最后,两位的时候,从谁起到谁结束,包括结束
    let res = arr.slice(2, 4) //3,4
    
    // 翻转数组
    let res = arr.reverse()
    console.log(res) //[6, 5, 4, 3, 2, 1]

Map
返回值为一个新数组 ,可以数组进行操作 ,配合es6的新语法会更爽 ,箭头函数

 var arr = [1,2,3,4,5,6]
 //  let newArr = arr.map(function(item){return item * 2})
 let newArr = arr.map(item => item * 2)
 console.log(newArr)
 //[2, 4, 6, 8, 10, 12]

Filter
返回符合条件的数组

  var arr = [1, 2, 3, 4, 5, 6]
    let newArr = arr.filter(item => item > 2)
    console.log(newArr)
  //[3, 4, 5, 6]

Every
每一项舒服都符合条件,如果是,就返回true,否则false

 var arr = [1, 2, 3, 4, 5, 6]
    let newArr = arr.every(item => item > 2)
    console.log(newArr) //false

some
如果其中一项符合条件就 返回 true,否则返回 false

 var arr = [1, 2, 3, 4, 5, 6]
    let newArr = arr.some(item => item > 2)
    console.log(newArr) //true

find
返回符合条件的第一个值

  	var arr = [1, 2, 3, 4, 5, 6]
    let res = arr.find(item =>  item > 5)
    console.log(res) //6
    findIndex则返回第几个,起始值为 1

reduce
相当于一个函数累加器,接受一个回调函数的结果,然后将前一次的函数结果再和下一次的数据再次执行此回调函数.

reduce(function(上一次的值,当前值,index,array){
所进行的计算
});

[1,2,3,4,5].reduce(function(a,b){return a+b;});

 	var arr = [1, 2, 3, 4, 5, 6]
    var res = arr.reduce((a,b) => a + b)
    console.log(res)  //21

var arr = [{
      age: 18
    },{
      age: 21
    },{
      age: 32
    }]
    var allAge = arr.map(item => item.age).reduce((a, b) => a + b)
    console.log(allAge) //71 属性值的雷类型 值得关注

数组的for循环
简单的for
简单的进行遍历,可以进行相应的操作,把这个归为数组的方法就是想做个对比

  var arr = [1,2,3,4,5,6]
  for (var i = 0; i < arr.length; i++) {
    console.log(arr[i])
    //1,2,3,4,5,6
  } 

for in
主要用于对象的遍历,我只是为了方便记忆和比较进行 合并了(* ̄︶ ̄)

    var obj = {
      name: '二狗子',
      age: 18,
      address: 'usa'
    }
    for (const key in obj) {
      console.log('属性为>>>' + key + '-----属性值为' + obj[key])
      //属性为name-----属性值为二狗子
      //属性为age-----属性值为18
      //属性为address-----属性值为usa
    }

for of
for…of循环可以作为遍历所有数据结构的统一的方法。
  for…of循环可以使用的范围包括数组、Set 和 Map 结构、某些类似数组的对象(比如arguments对象、DOM NodeList 对象)、后文的 Generator 对象,以及字符串。

    var arr = ['a', 'b', 'c', 'd'];
        for (let a in arr) {
          console.log(a); // 0 1 2 3
        } 
        for (let a of arr) {
          console.log(a); // a b c d
        }
        //上面代码表明,for...in循环读取键名,for...of循环读取键值。
        //如果要通过for...of循环,获取数组的索引,
        //可以借助数组实例的entries方法和keys方法
JavaScript中有许多用于字符串数组处理的方法。下面是一些常用方法字符串方法: 1. `length`:返回字符串的长度。 2. `charAt(index)`:返回指定位置的字符。 3. `charCodeAt(index)`:返回指定位置字符的Unicode值。 4. `toLowerCase()`:将字符串转换为小写。 5. `toUpperCase()`:将字符串转换为大写。 6. `trim()`:去除字符串两端的空格。 7. `slice(start, end)`:提取字符串的一部分,包括起始索引但不包括结束索引。 8. `split(separator)`:将字符串按指定分隔符分割为数组数组方法: 1. `length`:返回数组的长度。 2. `concat(arr)`:将数组与其他数组或值连接在一起,返回一个新数组。 3. `join(separator)`:将数组的所有元素转换为字符串,通过指定的分隔符连接起来。 4. `pop()`:移除并返回数组中的最后一个元素。 5. `push(item1, item2, ...)`:向数组末尾添加一个或多个元素,并返回新数组的长度。 6. `shift()`:移除并返回数组中的第一个元素。 7. `unshift(item1, item2, ...)`:向数组开头添加一个或多个元素,并返回新数组的长度。 8. `slice(start, end)`:提取数组的一部分,包括起始索引但不包括结束索引。 9. `splice(start, count, item1, item2, ...)`:从指定位置开始修改数组,删除/替换/添加元素。 这只是一部分常用方法,JavaScript还有很多其他处理字符串数组方法。你可以查阅相关文档来了解更多细节。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值