【JavaScript】<JS内建对象>JavaScript内建对象-Array对象

简介: 【1月更文挑战第17天】【JavaScript】<JS内建对象>JavaScript内建对象-Array对象

目录

一、Array对象概述:

1.Array对象属性:

2.Array对象方法:

3.创建Array对象:

字面量创建Array对象:

new关键字创建Array对象:

4.数组的常用方法:

5.ForEach回调函数:

二、函数对象的方法:call&apply:

三、arguments:


       在JavaScript中,Array被定义为一个对象,数组使用从0开始的索引来定位数组元素位置。

一、Array对象概述:

1.Array对象属性:

image.gif编辑

2.Array对象方法:

image.gif编辑

3.创建Array对象:

字面量创建Array对象:

// 使用字面量创建对象:
var array = [1,2,3,4,5,6,7,8,9];
// 使用循环遍历数组元素:
for(var i in array){
    console.log("元素" + i + " = " + array[i]);
}

image.gif

new关键字创建Array对象:

当传递一个整数时,为创建一个指定长度的数组!数组中的元素可以是任意的数据类型!

// 使用new关键字创建对象:
var array = new Array(1,2,3,4,5,6,7,8,9);
// 使用循环遍历数组元素:
for(var i in array){
    console.log("元素" + i + " = " + array[i]);
}

image.gif

4.数组的常用方法:

对于API的使用,如果有不清楚需要尽可能查询文档,多对文档进行熟悉和阅读!!!

// 创建一个数组:
var arry = new Array();
// 数组的常用方法:
//1.向数组添加一个或者多个元素,返回数组新的长度:
var len = arry.push("krian","demo");
console.log("数组长度 : " + len);
//2.删除并返回数组的最后一个元素:
var value = arry.pop();
console.log("被删除的元素 : " + value);
//3.unshift:向数组的开头添加一个或者多个元素,并返回数组长度:
arry.unshift("zhangsan");
console.log(arry);
//4.shift:删除数组的第一个元素,并返回这个元素:
var firstDeleted = arry.shift();
console.log(firstDeleted);

image.gif

5.ForEach回调函数:

类似于foreach()方法这类函数,由我们创建,但是不由我们调用的函数,我们称为回调函数!

image.gif编辑


二、函数对象的方法:call&apply:

       call()和apply()这两个方法都是函数对象的方法,需要通过函数对象进行调用,当对函数调用call()和apply()时,都会调用函数执行!

       在调用call()和apply()时,可以将一个对象指定为第一个参数,此时这个对象将会成为函数执行时的this

    • call()方法可以将实参在对象之后依次传递
    • apply()方法需要将实参封装到一个数组中统一传递

    三、arguments:

           在调用函数时,浏览器每次都会传递两个隐含参数:

      • 函数的上下文:this
      • 封装实参的对象:arguments

             arguments是一个类数组对象,它可以通过索引来操作数据,也可以获取长度。在调用函数时,我们所传递的参数都会在arguments中保存。arguments.length可以用来获取实参的长度。我们即使不定义形参,也可以通过arguments来使用实参,只是相对比较麻烦!

             arguments对象属性:callee,这个属性对应一个函数对象,就是当前正在指向的函数对象。

      相关文章
      |
      3天前
      |
      存储 JavaScript 索引
      js开发:请解释什么是ES6的Map和Set,以及它们与普通对象和数组的区别。
      ES6引入了Map和Set数据结构。Map的键可以是任意类型且有序,与对象的字符串或符号键不同;Set存储唯一值,无重复。两者皆可迭代,支持for...of循环。Map有get、set、has、delete等方法,Set有add、delete、has方法。示例展示了Map和Set的基本操作。
      17 3
      |
      16天前
      |
      JavaScript
      JS 获取对象数据类型的键值对的键与值
      JS 获取对象数据类型的键值对的键与值
      |
      26天前
      |
      JavaScript 前端开发
      Math对象:JavaScript中的数学工具
      Math对象:JavaScript中的数学工具
      27 1
      |
      27天前
      |
      机器学习/深度学习 人工智能 JavaScript
      js和JavaScript
      js和JavaScript
      21 4
      |
      19天前
      |
      JavaScript 算法
      原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
      原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
      |
      4天前
      |
      JavaScript 前端开发
      js开发:请解释this关键字在JavaScript中的用法。
      【4月更文挑战第23天】JavaScript的this关键字根据执行环境指向不同对象:全局中指向全局对象(如window),普通函数中默认指向全局对象,作为方法调用时指向调用对象;构造函数中指向新实例,箭头函数继承所在上下文的this。可通过call、apply、bind方法显式改变this指向。
      7 1
      |
      5天前
      |
      JavaScript 前端开发 开发者
      JavaScript中的错误处理:try-catch语句与错误对象
      【4月更文挑战第22天】JavaScript中的错误处理通过try-catch语句和错误对象实现。try块包含可能抛出异常的代码,catch块捕获并处理错误,finally块则无论是否出错都会执行。错误对象提供关于错误的详细信息,如类型、消息和堆栈。常见的错误类型包括RangeError、ReferenceError等。最佳实践包括及时捕获错误、提供有用信息、不忽略错误、利用堆栈信息和避免在finally块中抛错。
      |
      11天前
      |
      JavaScript
      【Js】检查Date对象是否为Invalid Date
      【Js】检查Date对象是否为Invalid Date
      14 0
      |
      11天前
      |
      存储 JavaScript 前端开发
      JavaScript的引用数据类型主要包括对象
      【4月更文挑战第16天】JavaScript的引用数据类型主要包括对象
      17 4
      |
      16天前
      |
      JavaScript
      js 字符串String转对象Object
      该代码示例展示了如何将一个以逗号分隔的字符串(`'1.2,2,3,4,5'`)转换为对象数组。通过使用`split(',')`分割字符串并`map(parseFloat)`处理每个元素,将字符串转换成浮点数数组,最终得到一个对象数组,其类型为`object`。