js 数组 fill() 填充方法

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日

相关文章

  • JavaScript函数式编程实现介绍

    JavaScript函数式编程实现介绍 什么是函数式编程 函数式编程 (Functional Programming) 是一种编程范型,它的主要思想是将计算过程尽量分解为多个可复用的函数,最终在组合这些函数的基础上,实现一个完整的应用程序。函数式编程强调的是“what to do”,而不是“how to do”,这使得我们可以更加关注解决问题的本质,而不必纠…

    JavaScript 2023年5月19日
    00
  • 轻量级javascript 框架Backbone使用指南

    轻量级javascript 框架Backbone使用指南 1. Backbone概述 Backbone是一个轻量级的javascript框架,可用于开发单页Web应用程序。它提供了一组处理网页数据和用户界面的关键组件,包括Models、Views、Collections和Routers。使用Backbone,开发者可以将应用程序中的业务逻辑分解为一个个可重用…

    JavaScript 2023年6月11日
    00
  • js实现的格式化数字和金额功能简单示例

    想要实现”js实现的格式化数字和金额功能”,我们需要掌握以下知识点: 如何为数字添加千分位分隔符 如何为金额数字统一格式化成xxx,xxx.xx样式 下面是具体的实现步骤和示例说明: 一、为数字添加千分位分隔符 1.1 千分位分隔符的基本原理 千分位分隔符指的是将数字的每三位从右往左依次插入一个逗号(,),比如将1000000格式化为1,000,000。 可…

    JavaScript 2023年5月28日
    00
  • JavaScript生成指定范围的时间列表

    下面我会就“JavaScript生成指定范围的时间列表”的完整攻略进行详细讲解,希望对您有所帮助。 1. 需求分析 在进行编程操作之前,我们首先需要对需求进行分析,弄清楚需要完成的具体目标。在这个需求中,我们需要实现如下功能: 生成指定范围的时间列表,以数组形式返回 可以指定时间间隔 包含起始时间和结束时间 2. 解决方案 有了需求之后,我们可以采用如下方式…

    JavaScript 2023年5月27日
    00
  • js防抖-节流函数的基本实现和补充详解

    JS防抖和节流函数的基本实现和补充详解 在Web应用中,为了提升用户体验及减轻服务器压力,我们通常会使用JS防抖和节流函数来控制代码执行的频率及节约资源的使用。本文将对JS防抖和节流函数的基本实现进行详细的讲解,同时也会补充一些重要的知识点。 JS防抖函数的基本实现 JS防抖函数的原理是将多次触发的事件合并为一次触发,从而减少触发事件的次数,提高代码性能。比…

    JavaScript 2023年6月11日
    00
  • 指定js可访问其它域名的cookie的方法

    指定js可访问其它域名的cookie的方法又称为“跨域访问”,一般涉及到前后端的交互,可以使用以下两种方法解决: 服务器端设置Access-Control-Allow-Origin响应头 在服务器端的响应头中设置Access-Control-Allow-Origin字段为指定的域名或所有域名(*),可以允许跨域访问,具体代码如下: header("…

    JavaScript 2023年6月11日
    00
  • Javascript 日期处理之时区问题

    Javascript 日期处理之时区问题 介绍 在JavaScript日期处理中,时区问题经常是一个麻烦之处。本文将围绕着JavaScript日期处理中的时区问题进行讲解和说明。 时区概念 首先要了解的是,时区是以一个中央参考点为基础,通过24小时来计算时间的一种标准化的时间概念。时区一般可以通过偏差量来表示,例如北京时间是GMT+8。 JavaScript…

    JavaScript 2023年5月27日
    00
  • 原生JS实现数码表特效

    原生 JS 实现数码表特效攻略 概述 该攻略是使用原生 JS 实现数码表特效的完整教程。该特效是指数字从 0 变化到目标数字,即数码表翻滚特效。 实现步骤 首先,我们需要在 HTML 中创建一个数码表的结构,包括外层容器和数字容器。HTML 结构如下: <div class="counter"> <div class=&…

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