ES6基础之Array.fill函数

引子

关注「时事」的同学都会注意到,ES6和TypeScript是时下「投资」的热门。作为一位老同学,我也注意到这一点,不断收集一些小东东,以备不时之需。

正题

本文中记录的是ES6为Array增加的fill()函数。其功能是,用户可以使用指定的元素填充数组,即用更便捷的方式使用默认内容来初始化一个数组。

fill函数有三个参数,格式如下:



arr.fill(value, start, end)


  • value:填充值。
  • start:填充起始位置,可以省略。
  • end:填充结束位置,可以省略,实际结束位置是end-1。

使用小例

1.采用一个默认值填初始化数组。

const a1 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
a1.fill(7)
console.log(‘%s‘, a1)

运行结果:

7,7,7,7,7,7,7,7,7,7,7

2.制定开始和结束位置填充。

实际填充结束位置是前一位。

const a2 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
a2.fill(7, 2, 5)
console.log(‘%s‘, a2)

运行结果:

1,2,7,7,7,6,7,8,9,10,11

3.结束位置省略。

从起始位置到最后。

const a3 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
a3.fill(7, 2)
console.log(‘%s‘, a3)

运行结果:

1,2,7,7,7,7,7,7,7,7,7

原文地址:http://blog.51cto.com/zhuxianzhong/2118432

时间: 2024-11-10 09:42:11

ES6基础之Array.fill函数的相关文章

ES6基础知识(Generator 函数应用)

1.Ajax 是典型的异步操作,通过 Generator 函数部署 Ajax 操作,可以用同步的方式表达 function* main() { var result = yield request("http://some.url"); var resp = JSON.parse(result); console.log(resp.value); } function request(url) { makeAjaxCall(url, function(response){ it.nex

ES6基础知识(async 函数)

1.async 函数是什么?一句话,它就是 Generator 函数的语法糖. const fs = require('fs'); const readFile = function (fileName) { return new Promise(function (resolve, reject) { fs.readFile(fileName, function(error, data) { if (error) return reject(error); resolve(data); });

ES6的Array.from()和Array.fill()方法

今天处理数据时用到了Array.from()和Array.fill()方法,平时用的不多,这里记一下. 我的需求是要把字符串'abc',处理为[{exaple: 'abc_001.bcd'}, {exaple: 'abc_002.bcd'}, {exaple: 'abc_003.bcd'}] 处理方法如下: // 创建数组['abc', 'abc', 'abc'] let arr = new Array(3).fill('abc'); arr = Array.from(covers, (item

【javascript基础】2、函数

原文:[javascript基础]2.函数 前言 我在上一篇[javascript基础]基本概念中介绍了javascript的一些基本概念,多谢大家的阅读和意见,自己写的东西可以被大家阅读,真心高兴,刚开始发布的时候我一直盯着阅读人数,虽然知道大家可能就是点开一下而已,但是还是给我一些继续写下去的信心.那今天写一些关于javascript函数的一些知识,帮助大家熟悉或者复习一些函数的基本知识. PS:最近jQuery源码交流群( 239147101)加了不少热新人,希望大家还是以学习为主,尽量少

ES6基础整理(1)

刚开始用vue,很多时候我们都会把ES6这位大兄dei加入我们的技术栈中.但是ES6那么多那么多特性,我们真的需要全部都掌握吗?掌握好常用的.有用的这个可以让我们的开发快速起飞. 接下来我们就聊聊ES6基础常用的知识的总结. es6中的声明变量的方式: // let // 1. let声明变量不可以进行重复声明 // 2. let声明的变量有块级作用域 // const // 声明的叫做常量 // 1. const声明变量不可以进行重复声明 // 2. const声明页有块级作用域 // 3.

ES6 基础学习

ECMAScript 6 标准入门 一.let和const let命令 let命令,用来声明变量.它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效:是块级作用域,且let不允许在相同作用域内,重复声明同一个变量. { let a = 12; } console.log(a); //Uncaught ReferenceError: a is not defined { let a = 12; let a = 22; } console.log(a); //Uncaught

fill函数和fill_n函数

fill_n函数的作用是:给你一个起始点,然后再给你一个数值count和val.把从起始点开始依次赋予count个元素val的值. 注意: 不能在没有元素的空容器上调用fill_n函数 列子:     fill函数的作用是:将一个区间的元素都赋予val值.函数参数:fill(first,last,val);//first为容器的首迭代器,last为容器的末迭代器,val为将要替换的值. 例题:给你n个数,然后输入一些操作:start,end,paint.表示从start到end都赋予paint的

【C++基础 05】友元函数和友元类

友元是一种定义在类外部的普通函数或类,但它需要在类体内进行说明,为了与该类的成员函数加以区别,在说明时前面加以关键字friend. 友元不是成员函数,但是它可以访问类中的私有成员. 友元的作用在于提高程序的运行效率,但是,它破坏了类的封装性和隐藏性,使得非成员函数可以访问类的私有成员. 有两种形式的友元: (1)友元函数:普通函数对一个访问某个类中的私有或保护成员. (2)友元类:类A中的成员函数访问类B中的私有或保护成员. 友元函数: 在类声明的任何区域中声明,而定义则在类的外部. frien

[C/C++基础] C语言常用函数sprintf和snprintf的使用方法

Sprintf 函数声明:int sprintf(char *buffer, const char *format [, argument1, argument2, -]) 用途:将一段数据写入以地址buffer开始的字符串缓冲区 所属库文件: <stdio.h> 参数:(1)buffer,将要写入数据的起始地址:(2)format,写入数据的格式:(3)argument:要写的数据,可以是任何格式的. 返回值:实际写入的字符串长度 说明:此函数需要注意缓冲区buffer溢出,要为写入的arg