数组Array的一些方法(总结)

yizhihongxing

下面是“数组Array的一些方法(总结)”的完整攻略:

一、数组Array的创建

1.1 声明一个空数组

let arr = [];

1.2 声明一个有初始元素的数组

let arr = [1, 2, 3];

1.3 声明一个指定长度的数组

let arr = new Array(3);

1.4 声明一个指定长度并且有初始元素的数组

let arr = new Array(3).fill(0);

二、数组Array的基本操作

2.1 获取数组的长度

let arr = [1, 2, 3];
console.log(arr.length); // 输出 3

2.2 访问数组中的元素

let arr = [1, 2, 3];
console.log(arr[0]); // 输出 1

2.3 修改数组中的元素

let arr = [1, 2, 3];
arr[0] = 0;
console.log(arr); // 输出 [0, 2, 3]

2.4 数组的遍历

let arr = [1, 2, 3];
arr.forEach(item => {
  console.log(item);
})

三、数组Array的一些方法

3.1 Array.prototype.push()

push() 方法向数组的末尾添加一个或多个元素,并返回新数组的长度。

let arr = [1, 2, 3];
arr.push(4);
console.log(arr); // 输出 [1, 2, 3, 4]

3.2 Array.prototype.pop()

pop() 方法从数组的末尾删除一个元素,并返回该元素的值。

let arr = [1, 2, 3];
let last = arr.pop();
console.log(last); // 输出 3
console.log(arr); // 输出 [1, 2]

3.3 Array.prototype.shift()

shift() 方法从数组的开头删除一个元素,并返回该元素的值。

let arr = [1, 2, 3];
let first = arr.shift();
console.log(first); // 输出 1
console.log(arr); // 输出 [2, 3]

3.4 Array.prototype.unshift()

unshift() 方法向数组的开头添加一个或多个元素,并返回新数组的长度。

let arr = [1, 2, 3];
arr.unshift(0);
console.log(arr); // 输出 [0, 1, 2, 3]

3.5 Array.prototype.splice()

splice() 方法可以从数组中添加或删除元素,该方法会改变原始数组,返回一个包含已删除元素的数组。

let arr = [1, 2, 3];
arr.splice(1, 2, 4, 5);
console.log(arr); // 输出 [1, 4, 5]

3.6 Array.prototype.slice()

slice() 方法返回原始数组中指定开始和结束位置之间的元素的新数组,但不改变原始数组。

let arr = [1, 2, 3];
let newArr = arr.slice(1,2);
console.log(newArr); // 输出 [2]
console.log(arr); // 输出 [1, 2, 3]

四、示例说明

4.1 返回数组中最大的数

const getMax = function(arr) {
  return Math.max.apply(null, arr);
}

let arr = [1, 2, 3];
console.log(getMax(arr)); // 输出 3

4.2 判断数组中是否包含某个元素

let arr = [1, 2, 3];
console.log(arr.includes(2)); // 输出 true
console.log(arr.includes(4)); // 输出 false

以上就是关于“数组Array的一些方法(总结)”的完整攻略,包含了数组的创建、基本操作、常用方法及示例说明等内容。希望对您有所帮助。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:数组Array的一些方法(总结) - Python技术站

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

相关文章

  • Javascript如何判断数据类型和数组类型

    Javascript中的数据类型包括Boolean、Number、String、Null、Undefined、Object、Symbol,其中Object中又包含了Array和Function等类型。我们可以通过typeof关键字来判断基本数据类型,而判断数组类型则需要稍微复杂一些。 判断基本数据类型 typeof关键字可以判断一个变量的基本数据类型,其用法…

    JavaScript 2023年5月27日
    00
  • JavaScript的Vue.js库入门学习教程

    JavaScript的Vue.js库入门学习教程 什么是Vue.js? Vue.js是一款流行的JavaScript库,用于构建用户界面。它是一个MVVM模式的库,即Model-View-ViewModel的缩写,由Evan You在2014年开始编写,并在GitHub上发布。Vue.js具有小巧、快速、易于学习和灵活的特点,能够简化Web应用程序的开发过程…

    JavaScript 2023年5月27日
    00
  • 前端设计模式——外观模式

    外观模式(Facade Pattern):它提供了一个简单的接口,用于访问复杂的系统或子系统。通过外观模式,客户端可以通过一个简单的接口来访问复杂的系统,而无需了解系统内部的具体实现细节。 在前端开发中,外观模式常常被用于封装一些常用的操作,以简化代码复杂度和提高代码可维护性。比如,一个用于处理数据的模块可能包含很多复杂的代码逻辑和 API 调用,但是我们可…

    JavaScript 2023年4月18日
    00
  • 详解原生JavaScript实现jQuery中AJAX处理的方法

    以下是我对“详解原生JavaScript实现jQuery中AJAX处理的方法”的完整攻略: 什么是AJAX AJAX是Asynchronous JavaScript and XML的缩写,是一种通过JavaScript发送异步HTTP请求进行数据交互的技术。 原生JavaScript实现AJAX XMLHTTPRequest 在原生JavaScript中使用…

    JavaScript 2023年6月11日
    00
  • JS图片预加载三种实现方法解析

    JS图片预加载三种实现方法解析 在前端开发中,图片预加载可帮助我们实现更流畅、更高效的用户体验,避免用户在加载大量图片的时候长时间处于白屏状态。本文将介绍三种JS图片预加载的实现方法。 原生JS实现 原生JS实现图片预加载的方法比较简单,我们只需要动态创建img标签,并设置img的src属性为需要预加载的图片地址即可,如下所示: function preLo…

    JavaScript 2023年5月27日
    00
  • javascript 实现字符串反转的三种方法

    当我们需要对字符串进行操作时,有时候需要对字符串进行反转操作。下面我将介绍三种常见的JavaScript实现字符串反转的方法。 方法一:使用数组的reverse()方法 步骤如下: 将字符串转为数组 使用数组的reverse()方法进行反转 使用数组的join()方法将数组转化为字符串 示例代码如下: const str = ‘Hello World!’; …

    JavaScript 2023年5月28日
    00
  • jQuery+HTML5实现WebGL高性能烟花绽放动画效果【附demo源码下载】

    首先需要明确的是,WebGL是一种实现3D图形的Web标准技术,而HTML5则是当今Web开发最热门的技术之一。而本攻略则是讲解如何使用jQuery和HTML5来实现高性能的烟花绽放动画效果。 第一步:准备工作 在开始使用jQuery+HTML5实现WebGL高性能烟花绽放动画效果之前,我们需要进行一些准备工作。具体如下: 下载WebGL的JavaScrip…

    JavaScript 2023年6月11日
    00
  • JavaScript实战之菜单特效

    首先感谢您对本站所发布的文章感兴趣。针对您的问题,我将结合实例详细讲解菜单特效的实现方法。 核心思路 要实现菜单特效,需要用到JavaScript和CSS技术的组合,利用JavaScript的dom操作来动态操纵菜单项及其下拉项的样式,实现菜单的展开与收起。接下来,我将分步骤来进行详细说明。 第一步:HTML结构 首先,需要一个基本的HTML结构,包含菜单栏…

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