JavaScript数组

发布时间:2024年01月03日

*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 对象.属性[方法]

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

文章来源:https://blog.csdn.net/m0_62840476/article/details/135364004
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。