JavaScript中的Array 对象(数组对象)

yizhihongxing

JavaScript中的Array 对象

在JavaScript中,Array是一个用于存储一组元素的对象。可以通过[]或者Array构造函数来创建一个数组。

创建数组

通过字面量创建数组

const arr = [1, 2, 3];

通过构造函数创建数组

const arr = new Array(1, 2, 3);

或者使用以下方式来创建空数组:

const arr = new Array(3); //创建一个长度为3的空数组
const arr2 = Array(3); //创建一个长度为3的空数组
const arr3 = []; //创建一个空数组

数组的常用方法

push()和pop()

push()方法用于往数组末尾添加一个或多个元素,返回修改后数组的长度。pop()方法用于从数组末尾删除一个元素,并返回被删除的元素。

const arr = ["a", "b", "c"];
arr.push("d");
console.log(arr); //["a", "b", "c", "d"]
const last = arr.pop();
console.log(arr); //["a", "b", "c"]
console.log(last); //"d"

shift()和unshift()

shift()方法用于从数组开头删除一个元素,并返回被删除的元素。unshift()方法用于从数组开头添加一个或多个元素,返回修改后数组的长度。

const arr = ["a", "b", "c"];
arr.unshift("d");
console.log(arr); //["d", "a", "b", "c"]
const first = arr.shift();
console.log(arr); //["a", "b", "c"]
console.log(first); //"d"

join()

join()方法将数组中所有元素以指定的分隔符连接成一个字符串并返回结果。

const arr = ["a", "b", "c"];
const str = arr.join("-");
console.log(str); //"a-b-c"

slice()

slice()方法用于从数组中截取一段元素并返回新数组,不会修改原数组。

const arr = ["a", "b", "c", "d", "e"];
const sliceArr = arr.slice(1, 4);
console.log(sliceArr); //["b", "c", "d"]
console.log(arr); //["a", "b", "c", "d", "e"]

示例说明

示例一:寻找数组中最大值和最小值

const arr = [3, 6, 2, 8, 1, 10];
const max = Math.max(...arr);
const min = Math.min(...arr);
console.log(`最大值是:${max},最小值是:${min}`);

示例二:反转数组

const arr = ["a", "b", "c"];
const reverseArr = arr.reverse();
console.log(reverseArr); //["c", "b", "a"]

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JavaScript中的Array 对象(数组对象) - Python技术站

(0)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • javascript 面向对象技术基础教程第1/2页

    JavaScript 面向对象技术基础教程攻略 概述 JavaScript 是一门基于对象编程的语言。面向对象编程 (OOP) 是一种典型的编程范式,它将问题抽象成一系列对象,然后通过对象之间的交互解决问题。在 JavaScript 中,有许多实现面向对象编程的技术,如对象、类和原型等。在本教程中,我们将通过介绍这些技术,帮助读者在 JavaScript 中…

    JavaScript 2023年6月10日
    00
  • javascript日期操作详解(脚本之家整理)

    我来给您提供详细讲解“JavaScript日期操作详解(脚本之家整理)”的完整攻略。 JavaScript日期对象 JavaScript内置了Date对象来处理日期和时间。可以使用Date对象创建一个日期对象,日期对象表示一个特定的时刻。 创建日期对象 可以使用构造函数创建一个日期对象: var date1 = new Date(); 可以使用一个整数值表示…

    JavaScript 2023年5月27日
    00
  • 一个最简单的级联下拉菜单

    下面是一个最简单的级联下拉菜单的制作攻略: 一、确定数据结构 首先需要确定级联下拉菜单的数据结构。通常使用 JSON 格式存储。一个简单的数据结构示例如下: { "中国": { "广东": ["广州", "深圳", "东莞"], "北京":…

    JavaScript 2023年6月11日
    00
  • 一文详解JavaScript中this指向的问题

    一文详解JavaScript中this指向的问题 JavaScript中的this是一个经常让人困惑的概念。它在不同的上下文中指向不同的值,这使得它的行为非常难以预测。本文将详细讲解JavaScript中this的几种不同情况及其原因。 什么是this? 首先,让我们明确一下this的定义。在JavaScript中,this的值取决于代码执行时的上下文。换句…

    JavaScript 2023年6月10日
    00
  • js获取时间并实现字符串和时间戳之间的转换

    获取时间是前端开发中的常见需求,一般有两种方式获取时间,一种是获取当前时间,另一种是获取指定时间。在这基础上,我们可以实现字符串和时间戳之间的相互转换。 获取当前时间 我们可以使用new Date()对象获取当前时间,然后将其转换为需要的字符串格式。以下代码展示了如何将当前时间转换为年-月-日时分秒格式: // 获取当前时间 let now = new Da…

    JavaScript 2023年5月27日
    00
  • 一篇搞懂Vue2、Vue3响应式源码的原理

    “一篇搞懂Vue2、Vue3响应式源码的原理”攻略 背景 在学习Vue.js框架时,Vue的响应式系统是一个至关重要的概念,它支持Vue的组件可以动态地响应数据的变化,而不需要手动去修改DOM。 Vue的响应式系统在Vue2和Vue3中有所不同,因此本文将深入讲解Vue2和Vue3中响应式系统的工作原理,以及如何手动实现一个简单的响应式系统。 Vue2中的响…

    JavaScript 2023年6月11日
    00
  • JS AJAX前台如何给后台类的函数传递参数

    JS AJAX(Asynchronous JavaScript and XML)使得前端能够异步发起HTTP请求,获取数据,并更新页面,而无需刷新整个页面。在传递参数方面,AJAX提供了多种方式: 通过URL传递参数 通过在URL后面添加查询字符串,即可将参数传递给后台。 let xhr = new XMLHttpRequest(); let url = &…

    JavaScript 2023年6月11日
    00
  • js中如何完美的解析数据

    首先,在JavaScript中解析数据的主要方式是使用JSON对象。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于阅读和编写,被广泛用于Web应用程序中的数据传输。以下是解析数据的完整攻略: 使用JSON.parse()方法解析数据 通过使用JavaScript的JSON.parse()方法,可以将一个字符串…

    JavaScript 2023年5月27日
    00
合作推广
合作推广
分享本页
返回顶部