一些遍历小方法

150 阅读2分钟

遍历方法,forEach循环,用于调用数组的每个元素,并将元素传递给回调函数。原数组不变

语法:数组名.forEach(function(v,i){ })

 let arr = [4, 9, 0, 10, 240, -12, 98]
        // 数据+10新成个新数组
        let Arr = []
        // v ->value值,i ->索引
       arr.forEach(function (v, i) {
       // 将v+10退如到新数组中
         Arr.push(v + 10)
        })
        console.log(Arr);
      // 此时Arr=[14,19,10,20,150,-2,108]

(2) map循环,原数组的每一项执行函数后,返回一个新的数组。原数组不变.

语法:数组名.map(function(v,i){ })

//1.[1,2,3,4,5,6] 将原有数组中每一项的数据加10返回新数组
       let arr = [1, 2, 3, 4, 5, 6]
        let arrNew = arr.map(function (v, i) {
           return v + 10
         })
       console.log(arrNew);
       //打印出的结果为arrNew = [11, 12, 13, 14, 15, 16]
// 2.['13','3','79','1','10','24','78','2'] 个位数补0返回新数组

let arr = ['13', '3', '79', '1', '10', '24', '78', '2']
     let newArr = arr.map(function (v, i) {
     //三元表达式判断数组的每一项是否小于10,小于就补0
       return +v < 10 ? '0' + v : v
     })
      console.log(newArr);
打印结果是 newArr =  ['13', '03', '79', '01', '10', '24', '78', '02']
// 3.遍历数组,给所有人的age+1
        let arr = [{
             name: '李狗蛋',
             age: 16,
             sex: '男'
         }, {
             name: '张翠花',
             age: 20,
             sex: '女'
         }, {
             name: '赵铁柱',
             age: 25,
             sex: '男'
         }, {
             name: '王小二',
             age: 19,
             sex: '男'
         }]

     let newArr = arr.map(function (v, i) {
          v.age = v.age + 1
          return v
               }
        )
      console.log(newArr);

补充一些字符串方法 1.把字符串转为小写,返回新的字符串

语法.toLowerCase()例如:

 let ABC = 'ASDFGHKJL'
        // 语法.toLowerCase():
    let abc = ABC.toLowerCase()
   console.log(abc);
   //打印结果为abc = 'asdfghkjl'

2.把字符串转为大写,返回新的字符串

语法:.toUpperCase()

let abc = 'asdfghh'
        // 语法.toUpperCase()
     let ABC = abc.toLocaleUpperCase()
console.log(ABC);
//打印结果为ABC = 'ASDFGHH'

3.返回某个指定的子字符串在字符串中第一次出现的索引位置,如果没有查找到则返回-1

语法:.indexOf()

 // 语法:.indexOf()
     let abc = 'abcdefg'
      let ABC = abc.indexOf('f')
       console.log(ABC);
    //打印的结果为ABC = 5,索引也是从0开始

补充去掉字符串首尾空格的方法 语法:.trim()

//trim() 方法用于删除字符串的头尾空白符,空白符包括:空格、制表符 tab、换行符等其他空白符等。

//trim() 方法不会改变原始字符串。

//trim() 方法不适用于 null, undefined, Number 类型
let str = " Runoob ";
alert(str.trim());
//输出结果为Runoob,前后的空格都去除了