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

下面是“数组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日

相关文章

  • 详解Vue 数据更新了但页面没有更新的 7 种情况汇总及延伸总结

    让我来为你详细讲解“详解Vue 数据更新了但页面没有更新的 7 种情况汇总及延伸总结”。 1. 确认数据更新 首先,如果你发现Vue数据更新了但页面没有更新,应该先确保数据确实发生了改变。可以使用一些 Vue.js 开发者工具(比如 vue-devtools)来检查组件的数据是否确实发生了变化。 2. 检查 Vue 模板语法 在 Vue 模板语法中,有些写法…

    JavaScript 2023年6月11日
    00
  • JS函数节流和函数防抖问题分析

    JS函数节流和函数防抖问题分析 函数节流 函数节流是指在一定时间内只执行一次该函数。即使该函数被连续调用多次,但在规定的时间内,它只会执行一次。 函数节流比较适用于一些高频率触发的操作,例如: 滚动页面时触发的事件(scroll事件); 缩放浏览器窗口时触发的事件(resize事件); 拖动元素时触发的事件(drag事件)等。 下面是一个函数节流的示例代码:…

    JavaScript 2023年6月10日
    00
  • JavaScript高级编程之Array的用法总结

    JavaScript高级编程之Array的用法总结 1. Array是什么? 在JavaScript中,Array是一种用来存储和操作一组值的有序集合,可以容纳多种类型的数据,并且可以动态扩展大小。Array是JavaScript编程中最常用的数据类型之一,也是编写JavaScript程序时必须掌握的重要内容之一。 2. Array的常用方法 2.1 增加和…

    JavaScript 2023年5月27日
    00
  • Web设计师如何制作Retina显屏设备的图片

    下面是Web设计师制作Retina屏幕设备图片的攻略: 1. 理解Retina屏幕设备的特点和需求 首先,我们需要理解Retina屏幕设备的特点和需求。 Retina屏幕设备比传统屏幕设备拥有更高的分辨率和像素密度,例如iPhone的Retina屏幕设备像素密度达到每英寸326个像素。这种高像素密度使得普通图片在Retina屏幕设备上显示效果模糊不清,因此需…

    JavaScript 2023年6月11日
    00
  • Javascript Math valueOf() 方法

    JavaScript中的Math对象中的valueOf()方法返回Math对象的原始值。下面是关于Math.valueOf()方法的完整攻略,包括语法、示例和结。 JavaScript Math对象的valueOf()方法 JavaScript的valueOf()方法返回Math对象的原始值。下面是valueOf()方法的语法: Math.valueOf()…

    JavaScript 2023年5月11日
    00
  • js判断数据类型如判断是否为数组是否为字符串等等

    JavaScript是一种弱类型语言,因此判断数据类型非常重要,可以避免代码出现意外的错误。常见的数据类型包括字符串、数字、布尔值、数组、对象、函数和null与undefined。在这里,我们将重点介绍如何判断数据类型。 判断数据类型的方法 typeof操作符 typeof是JavaScript中最基本的操作符之一。它返回一个字符串,表示指定变量的数据类型。…

    JavaScript 2023年5月27日
    00
  • JS传值出现中文参数乱码的解决方法

    JS传值出现中文参数乱码的解决方法 当我们在JS中传递参数中包含中文时,有时会出现乱码的问题。这篇攻略将介绍如何解决这个问题。 方法一:使用encodeURIComponent()和decodeURIComponent() 通过使用JavaScript内置的encodeURIComponent()函数对字符串进行编码,再通过decodeURIComponen…

    JavaScript 2023年5月19日
    00
  • JS实现的进制转换,浮点数相加,数字判断操作示例

    JS实现的进制转换攻略: 对于进制转换,JS提供了parseInt和toString方法。其中parseInt方法可将其他进制的数字转换为十进制,toString方法可将十进制数字转换为其他进制。 示例说明1:将十六进制数字转换为十进制 let hex = "3A"; let dec = parseInt(hex, 16); consol…

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