js操作对象、字符串、数组的方法（一）

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/heyw886/article/details/82252562

总结一下前端js操作对象、数组、字符串的一些方法（可能不全面后续遇见会补充）：

一、遍历数组和对象

1、for循环

const arr = [1, 2, 3, 4, 5, 6];
    for (let i = 0; i < arr.length; i++) {
      console.log(arr[i]); // 打印出来的是 1 2 3 4 5 6
    }

    // 同样for 循环也可以遍历对象遍历对象的时候可以用 for in方法
    const obj = {
      num: 1,
      age: 18,
      name: '鸿雁'
    }
    for (let key in obj) {
      console.log(key) // 打印出来的是 num age name
      console.log(obj[key]) // 1 18 鸿雁
    }

2、forEach 方法： 遍历数组将数组的子元素作为参数依次执行方法(注： 原数组没有变化)

const arr = [1, 2, 3, 4, 5, 6];
arr.forEach((item, index) => {
  console.log(item * 10) // 打印出来的是 10 20 30 40 50 60
}) 
console.log(arr) // [1, 2, 3, 4, 5, 6]

3、map 方法：遍历数组对数字元素操作并且将操作结果放回数组返回 (注：原数组没有变化，返回的是一个新的数组)

    const arr2 = ['ddd', 'eee', 'ttt'];
    let newArr = arr2.map((item) => {
      return item.toUpperCase();
    })
    console.log(arr2) // ["ddd", "eee", "ttt"]
    console.log(newArr) // ["DDD", "EEE", "TTT"]

4、filter 方法：过滤数组筛选符合调价的数组 （注：原数组不变）

    const arr = [1, 2, 3, 4, 5, 6];
    const newArr = arr.filter((item) => {
      if (item > 3) {
        return item;
      }
    })
    console.log(newArr) // [4, 5, 6]
    console.log(arr) // [1, 2, 3, 4, 5, 6]