Js——数组

本文详细介绍了JavaScript中获取数组元素、遍历数组的各种方式,包括通过下标、length属性、循环结构以及map方法。此外,还讲解了数组的常用方法如map、push、sort、filter和join,并提供了实例演示。同时,展示了如何结合数组与对象进行操作,例如过滤特定条件的对象。最后,给出了两个编程练习,分别是找出数组中的奇数和最大索引值。
摘要由CSDN通过智能技术生成

获取数组中的元素

通过下标过去元素

list[0] list[1]

获取数组元素的个数:list.length

遍历数组

  1. while 循环数组
  2. for 循环遍历数组
  3. for in 遍历(i 为值)
  4. for of 遍历 (i 为值)
  5. map 方法遍历
 // var list = new Array("a", "b", "c")  // 了解即可
    var list = [1, 2, 3, "a", "b"]
    // 根据下标查找数组中的任意元素 [index],索引从0开始
    // var length = list.length
    // 获取数组内元素个数
    // console.log(length);

    // 遍历数组
    // 1.while 循环数组
    // var i = 0
    // while (i < list.length) {
    //   console.log(list[i]);
    //   i++
    // }

    // 2.for 循环遍历数组 
    // for (var i = 0; i < list.length; i++) {
    //   console.log(list[i]);
    // }

    // 3.for in 遍历(i 为值)
    // for (var in list) {
    //   console.log(list[i]);
    // }

    // 4.for of 遍历 (i 为值)
    // for (var i of list) {
    //   console.log(list[i]);
    // } 

    // 5.map 方法遍历 (数组自带方法)
    list.map(function (value, index) {
      console.log("第" + (index + 1) + "个元素是:" + value);
    })

数组的常用方法

  1. map——可以遍历数组
  2. push——可以在元素结尾追加元素
  3. sort——改变数组里的顺组(从小到大)
  4. filter——过滤器 对数组进行筛选 (常用)
  5. join——拼接数组里的对象
  6. string的split方法——与join相反
 // 数组的常用方法
    // push(在数组后面追加元素)
    // list.push("f")
    // console.log(list);

    // sort(改变数组里的顺组(从小到大))
    // var list = [1, 3, 2, 5, 4]
    // list.sort()
    // console.log(list);

    // filter(过滤器 对数组进行筛选)
    // var newList = list.filter(function (item) { // item代表数组中每一个对象
    //   if (item >= 3) {
    //     return item
    //   }
    // })
    // console.log(newList);

    // join()
    // var list = ["a", "b", "c"]
    // var str = list.join("-") // 括号里是用来连接的操作符 不写就是逗号
    // console.log(str);

    // string的split方法(把一个字符串拆分成数组)
    // var str = "banana"
    // var list = str.split("") //加空白字符串会拆分成一个一个单词的数组
    // console.log(list);

结合数组与对象

 // 结合数组与对象
    var list = [
      { name: "小明", age: "2", sex: "男" },
      { name: "小黄", age: "2", sex: "女" },
      { name: "小花", age: "2", sex: "男" }
    ]
    // console.log(list[0].name);

    // 找出所有男同学并遍历到一个数组
    // 方法一: 
    var newList = list.filter(function (item) {
      if (item.sex === "男") {
        return item
      }
    })
    console.log(newList);

    // 方法二:
    var newList = []
    for (var i = 0; i < list.length; i++) {
      if (list[i].sex === "女") {
        newList.push(list[i])
      }
    }
    console.log(newList);

练习:

  1. 找出数组[1,3,4,6,7,8,11,12,15,16,19,20]中的所有奇数,并放在数组中
  2. 找出数组[4,6,1,2,3,7,5]中最大的索引
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值