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

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日

相关文章

  • springboot中thymeleaf模板使用详解

    这里是 SpringBoot 中 Thymeleaf 模板使用详解的完整攻略: 什么是Thymeleaf Thymeleaf 是一种现代化的服务器端 Java 模板引擎,可以与 Spring Boot 集成使用,支持 HTML、XML、JavaScript、CSS 甚至纯文本。模板文件可以使用包含表达式的标记替换,可以非常方便的将模型数据绑定到 HTML U…

    JavaScript 2023年6月10日
    00
  • 怎么限制input的text里输入的值只能是数字(正则、js)

    限制 input 标签的 text 输入只能是数字,可以通过正则表达式和 JavaScript 实现。 方法1:使用正则表达式限制输入 在 html 中 input 标签内使用 pattern 属性来设置正则表达式,如下所示: <input type="text" pattern="[0-9]*" placeho…

    JavaScript 2023年6月10日
    00
  • javascript常用方法汇总

    JavaScript 常用方法汇总 本文将介绍常用的 JavaScript 方法,包括字符串方法、数组方法、数学计算方法、日期时间处理方法等,希望对您有所帮助。 字符串方法 1. substring() substring() 方法将返回一个字符串的子串。该字符串是从指定的开始下标位置开始,直到出现指定的结束下标位置的前一个字符为止。 const str =…

    JavaScript 2023年5月27日
    00
  • 奉献给JavaScript初学者的编写开发的七个细节

    奉献给JavaScript初学者的编写开发的七个细节攻略 在编写JavaScript代码时,细节是非常重要的。这篇文章将向初学者介绍七个在JavaScript编写过程中需要注意的细节。 1.使用严格模式 使用”use strict”;来启用JavaScript的严格模式。这样做会让代码更加健壮,可以避免一些常见的错误,例如声明未使用的变量等。 示例: &qu…

    JavaScript 2023年5月18日
    00
  • jQuery ajax(复习)—Baidu ajax request分离版

    下面是 “jQuery ajax(复习)—Baidu ajax request分离版”的完整攻略。 简介 本篇攻略主要介绍如何使用jQuery发起Ajax请求,以及如何使用Baidu Ajax Request分离版优化你的Ajax请求。 Ajax基础 什么是Ajax? Ajax全称是 Asynchronous JavaScript and XML(异步的 J…

    JavaScript 2023年6月11日
    00
  • Javascript函数技巧学习

    下面是详细的讲解“JavaScript函数技巧学习”的完整攻略。 一、入门和基础知识 首先需要熟悉JavaScript函数基础知识,例如函数的定义、调用、参数、返回值等。同时需要了解函数作用域、闭包、箭头函数等高级概念。 二、函数式编程 掌握函数式编程是成为JavaScript高手的必要技能。函数式编程通过组合函数和避免副作用来提高代码的可读性和可维护性,使…

    JavaScript 2023年5月17日
    00
  • js数组相减简单示例【删除a数组所有与b数组相同元素】

    下面是针对js数组相减简单示例【删除a数组所有与b数组相同元素】的完整攻略: 步骤一:创建两个数组 首先我们需要创建两个数组,分别是a数组和b数组。可以通过以下代码创建: const a = [1, 2, 3, 4, 5]; const b = [3, 4, 5, 6, 7]; 步骤二:使用filter方法过滤出不同元素 接下来我们需要使用数组的filter…

    JavaScript 2023年5月28日
    00
  • 魔鬼字典 JavaScript 笔记 代码比较多乱第3/3页

    下面是详细讲解“魔鬼字典 JavaScript 笔记 代码比较多乱第3/3页”的完整攻略。 1. 了解魔鬼字典的功能 魔鬼字典是一个基于 JavaScript 实现的词典工具,可以帮助用户查询单词的翻译、同义词、反义词和例句等信息。该工具的主要功能包括: 解析用户输入的单词,并根据单词的不同词性展示不同的内容。 可以查询单词的翻译、同义词、反义词和例句等信息…

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