js 数组 fill() 填充方法

yizhihongxing

JS 数组 fill() 填充方法

简介

在 JS 中,fill() 方法可以用来填充数组的某一段区间,即将数组中的所有元素都替换为指定的值。fill() 方法接收三个参数:要填充的值、起始位置和终止位置(不包括终止位置本身)。这个方法具有可变性,即不会创建新的数组,而是直接修改原数组。

语法

arr.fill(value, start, end)
  • value :要填充的值。
  • start :起始位置,从哪里开始填充,默认值为 0。
  • end :终止位置,填充到哪里结束(不包括终止位置本身),默认值为数组的长度。

示例

示例 1

将数组 [1, 2, 3, 4, 5] 中的所有元素都替换为数字 0

var arr = [1, 2, 3, 4, 5];
arr.fill(0);
console.log(arr); // [0, 0, 0, 0, 0]

示例 2

将数组 [1, 2, 3, 4, 5] 中索引为 2 到索引为 4 的元素都替换为数字 0

var arr = [1, 2, 3, 4, 5];
arr.fill(0, 2, 4);
console.log(arr); // [1, 2, 0, 0, 5]

注意事项

  • fill() 方法改变了原数组,如果不想改变原数组,需要先对原数组进行复制再进行操作。
  • 如果省略 start 参数,则默认填充整个数组。
  • 如果 startend 参数为负数,则倒数计算,即 -1 表示最后一个元素,-2 表示倒数第二个元素,以此类推。
  • 如果 start 大于等于 end,则不填充任何元素。
  • 如果 startend 超出了数组的索引范围,则 fill() 方法不会报错,而是自动忽略这些索引。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js 数组 fill() 填充方法 - Python技术站

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

相关文章

  • 强烈推荐-ajax开发者必看的文章第2/3页

    强烈推荐-AJAX开发者必看的文章第2/3页攻略 如果你是一个AJAX开发者,则有必要学习第2/3页的文章的内容。这篇攻略将帮助你快速掌握这些文章的核心思想和技巧。 为什么要学习这些文章 AJAX已经成为了现代Web开发的一个重要组成部分。了解AJAX的核心思想和技巧有助于你更好地理解和应用AJAX技术,从而提高Web应用的性能和用户体验。 第2/3页的文章…

    JavaScript 2023年6月11日
    00
  • JQuery将字符串转为json对象的四种方法

    下面是详细的讲解: 背景 在开发过程中,我们经常需要将字符串转换成 JSON 对象,然后进行操作。而 JQuery 提供了四种方法来完成这项任务。下面我们逐一来了解这四种方法。 方法一:$.parseJSON() 这是最常用的方法,直接调用这个方法即可将字符串转换为 JSON 对象。 var str = ‘{"name": "张…

    JavaScript 2023年5月27日
    00
  • JavaScript模板字符串用法实例

    JavaScript模板字符串用法实例 JavaScript模板字符串是一种能够很好地简化字符串拼接的技术,它支持在字符串中嵌入表达式和变量,并可以轻松地将多行代码合并为单个字符串。本文将介绍JavaScript模板字符串的用法,并提供一些示例说明。 创建模板字符串 在JavaScript中,创建模板字符串的方法是使用反引号 (\)将字符串括起来。下面是一个…

    JavaScript 2023年5月28日
    00
  • 转换字符串为json对象的方法详解

    当我们从外部获取到一个字符串,而这个字符串是符合json格式的,那么这个时候我们需要将这个字符串转换成json对象,方便我们在程序中处理数据。 下面是几种常见的将字符串转换为json对象的方法: 使用JSON.parse(string) JSON.parse() 是 JavaScript 中的一个内置函数,可以将一个符合 JSON 格式的字符串转化为 JSO…

    JavaScript 2023年5月27日
    00
  • Web Animations API实现一个精确计时的时钟示例

    要实现一个精确计时的时钟示例,我们可以使用Web Animations API。这项API可以让我们通过JavaScript来控制CSS动画,而且可以精确定时。下面是实现的步骤: 步骤一:编写HTML代码 编写一个包含时钟的div元素和三个子元素的HTML结构,分别对应时针、分针和秒针。 <div class="clock">…

    JavaScript 2023年6月11日
    00
  • JavaScript实现格式化字符串函数String.format

    JavaScript实现格式化字符串函数String.format 在JavaScript中,原生的字符串格式化的方式是通过ES6中的模板字符串来实现的。但是,如果你需要在传统的JavaScript代码中使用一种更加传统的方式来格式化字符串,那么可以通过实现格式化字符串函数String.format来实现。 1. 实现方式 实现String.format函数…

    JavaScript 2023年5月28日
    00
  • 详解JavaScript对数组操作(添加/删除/截取/排序/倒序)

    下面我将详细讲解JavaScript对数组的各种操作方法。 数组的定义 JavaScript中的数组可以包含任意数量的元素,并且可以存储不同类型的数据,如数字、字符串和对象等。在JavaScript中,可以通过以下方式来定义一个数组: // 定义一个数字类型的数组 var nums = [1, 2, 3, 4, 5]; // 定义一个字符串类型的数组 var…

    JavaScript 2023年5月27日
    00
  • Javascript生成器(Generator)的介绍与使用

    Javascript生成器(Generator)的介绍与使用 简介 Javascript生成器是一种特殊类型的函数,它允许我们暂停函数的执行并返回一个中间结果,稍后再继续执行并返回更多的中间结果。在实际应用中,生成器通常用于处理大量数据或者生成一系列的异步任务。 定义 我们可以使用函数声明或函数表达式来定义一个生成器。当定义一个生成器时,我们需要在函数名后面…

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