JavaScript数组

本文详细介绍了JavaScript中的数组特点(如动态可变性),提供了多种数组遍历方法(for...in,for...of,forEach)以及丰富的ArrayAPI,包括连接、查找、过滤等操作。同时讲解了函数的定义与箭头函数的使用,以及对象的创建和属性管理。
摘要由CSDN通过智能技术生成

*JavaScript
   -数组
   java数组特点: 1.空间连续  2.长度固定  3.类型单一

   JS数组的定义:
   1)  [var|let]  数组名称 = [值列表];  
       例如: var values = [2,4,6,8,10];
   2)  [var|let]  数组名称 = new Array()
       [var|let]  数组名称 = new Array(size)
       [var|let]  数组名称 = new Array(element....)
   
   重点:
       1.类型不单一
       2.长度不固定
       3.JS数组是动态可变

   
   数组遍历:  
   1.for...in     
   2.for...of
   3.forEach
    例如:arrs.forEach(function (value,index) {
        console.log(index+":"+value)
    });
   
   
   数组操作(Array API)
   1. concat()    连接两个或更多的数组,并返回结果。
   2. every()    检测数值元素的每个元素是否都符合条件。
   3. filter()    检测数值元素,并返回符合条件所有元素的数组。
   4. find()    返回符合传入测试(函数)条件的数组元素。
   5. forEach()    数组每个元素都执行一次回调函数。
   6.includes()    判断一个数组是否包含一个指定的值。
   7.indexOf()    搜索数组中的元素,并返回它所在的位置。
   8.join()    把数组的所有元素放入一个字符串。
   9.lastIndexOf()    搜索数组中的元素,并返回它最后出现的位置。
   10.pop()    删除数组的最后一个元素并返回删除的元素。
   11.shift()    删除并返回数组的第一个元素。
   12.splice()    从数组中添加或删除元素。
   13.sort()    对数组的元素进行排序。
   14.some()    检测数组元素中是否有元素符合指定条件。
   15.push()    向数组的末尾添加一个或更多元素,并返回新的长度。
   16.reverse()    反转数组的元素顺序。
   17.slice()    选取数组的一部分,并返回一个新数组。


   -函数(Function)
   1)function关键字定义
   function  函数名称(参数列表){
        [函数体]
        [return 返回值]
   }

   2)对象函数
   var 函数名称  = function(){
        [函数体]
        [return 返回值]
   }

   3)Funciton类定义(极少用)
   var 函数名 = new  Function("参数列表","函数体")
   例如: var  add  = new Function("a,b","return a+b");

   
  箭头函数提供了一种更加简洁的函数书写方式。基本语法是:  参数 => 函数体
  1.当箭头函数没有参数或者有多个参数,要用 () 括起来。
  2.当箭头函数函数体有多行语句,用 {} 包裹起来,表示代码块,当只有一行语句,并且需要返回结果时,可以省略 {} , 结果会自动返回。
  3.当箭头函数要返回对象的时候,为了区分于代码块,要用 () 将对象包裹起来
  4.箭头函数体中的 this 对象,是定义函数时的对象,而不是使用函数时的对象。

  [当函数中this引用存在分歧是,往往使用箭头函数来解决this的引用指向问题]


  -对象
  1) [var|let] 对象名称 = {对象属性}

  2) [var|let] 对象名称 = new Object();
     例如:
     var obj = new Object();
     obj.name = "张胜男";

  3)函数创建
   function Student(name,age,study){
        this.name = name;
        this.age = age;
        this.study = study;
   }

   var student = new Student("张三",22,function(){console.log("好好学习!")});


  4)通过类创建(ES6)
   class Student extends Object{

        /*构造函数*/
        constructor(name,age,sex){
            this.name = name;
            this.sex = sex;
            this.age = age;
        }

        study(){
           console.log("好好学习");
        }


    }

   var student = new Student("张三",22,'男');

  删除对象属性: delete 对象.属性[方法]

  对象属性调用: 对象.属性
  对象方法调用:  对象.方法(参数)

  • 16
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

洋葱土豆和香菜

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值