js操作对象、字符串、数组的方法(一)

总结一下前端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]

5、some方法:检测数组中是否存在某个数据

var ages = [3, 10, 18, 20];

var isExist = ages.some(item => {
    return item > 18
})

console.log(isExist)  // 输入结果为true

注意:
    some() 不会对空数组进行检测
    some() 不会改变原始数组

 

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值