【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,这个属性对应一个函数对象,就是当前正在指向的函数对象。

      相关文章
      |
      11月前
      |
      资源调度 JavaScript 前端开发
      Day.js极简轻易快速2kB的JavaScript库-替代Moment.js
      dayjs是一个极简快速2kB的JavaScript库,可以为浏览器处理解析、验证、操作和显示日期和时间,它的设计目标是提供一个简单、快速且功能强大的日期处理工具,同时保持极小的体积(仅 2KB 左右)。
      642 24
      |
      12月前
      |
      编解码 JavaScript 前端开发
      【Java进阶】详解JavaScript的BOM(浏览器对象模型)
      总的来说,BOM提供了一种方式来与浏览器进行交互。通过BOM,你可以操作窗口、获取URL、操作历史、访问HTML文档、获取浏览器信息和屏幕信息等。虽然BOM并没有正式的标准,但大多数现代浏览器都实现了相似的功能,因此,你可以放心地在你的JavaScript代码中使用BOM。
      347 23
      |
      JavaScript 前端开发 算法
      JavaScript 中通过Array.sort() 实现多字段排序、排序稳定性、随机排序洗牌算法、优化排序性能,JS中排序算法的使用详解(附实际应用代码)
      Array.sort() 是一个功能强大的方法,通过自定义的比较函数,可以处理各种复杂的排序逻辑。无论是简单的数字排序,还是多字段、嵌套对象、分组排序等高级应用,Array.sort() 都能胜任。同时,通过性能优化技巧(如映射排序)和结合其他数组方法(如 reduce),Array.sort() 可以用来实现高效的数据处理逻辑。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
      |
      移动开发 运维 供应链
      通过array.some()实现权限检查、表单验证、库存管理、内容审查和数据处理;js数组元素检查的方法,some()的使用详解,array.some与array.every的区别(附实际应用代码)
      array.some()可以用来权限检查、表单验证、库存管理、内容审查和数据处理等数据校验工作,核心在于利用其短路机制,速度更快,节约性能。 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
      |
      供应链 JavaScript 前端开发
      通过array.every()实现数据验证、权限检查和一致性检查;js数组元素检查的方法,every()的使用详解,array.some与array.every的区别(附实际应用代码)
      array.every()可以用来数据验证、权限检查、一致性检查等数据校验工作,核心在于利用其短路机制,速度更快,节约性能。 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
      |
      数据采集 JavaScript 前端开发
      JavaScript中通过array.filter()实现数组的数据筛选、数据清洗和链式调用,JS中数组过滤器的使用详解(附实际应用代码)
      用array.filter()来实现数据筛选、数据清洗和链式调用,相对于for循环更加清晰,语义化强,能显著提升代码的可读性和可维护性。博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
      |
      存储 JavaScript 前端开发
      JavaScript Array(数组) 对象
      JavaScript Array(数组) 对象
      167 3
      |
      JavaScript 前端开发 索引
      在JavaScript中,可以使用数组字面量或Array构造函数来创建一个数组对象
      【4月更文挑战第16天】在JavaScript中,可以使用数组字面量或Array构造函数来创建一个数组对象
      234 4
      |
      Web App开发 存储 JavaScript
      JavaScript中的Array对象~
      JavaScript中的Array对象~
      230 0