ES6数组-fill()函数

js数组的fill函数

  • 一、函数介绍
    • 1.函数的作用
    • 2.函数的语法
    • 3.对应的参数
  • 二、实际用法
    • 1.填充全部
      • (1)全部填充新建的固定长度数组
      • (2)全部覆盖现有数组
    • 2.填充部分
      • (1)部分填充新建的固定长度数组
      • (2)部分覆盖现有数组

一、函数介绍

1.函数的作用

fill() 方法用于将一个固定值替换数组的元素。可将一个数组中的部分或者全部内容替换为一个你想要的固定值

2.函数的语法

array.fill(value, start, end)

3.对应的参数

参数 描述
value 必需。填充的固定值。
start 可选。开始填充位置。
end 可选。停止填充位置 (默认为 array.length)
返回值 js版本
填充后的数组 ECMAScript 6

二、实际用法

1.填充全部

(1)全部填充新建的固定长度数组

	let a = new Array(9).fill(1);
  	console.log(a);

使用new Array创建长度为9的初始化数组,用1填充全部

ES6数组-fill()函数_第1张图片

(2)全部覆盖现有数组

  	let b = [1, 2, 3, 4, 5, 6]
  	b.fill(6)
  	console.log("数组b:");
  	console.log(b);

使用fill覆盖现有的数组,常用于清空数组内容

ES6数组-fill()函数_第2张图片

2.填充部分

(1)部分填充新建的固定长度数组

	let a = new Array(9).fill(1, 2);
  	console.log(a);

使用new Array创建长度为9的初始化数组,用1填充数组第二个之后(不包括第二个)的全部元素

ES6数组-fill()函数_第3张图片

	let a = new Array(9).fill(1, 2, 8);
  	console.log(a);

使用new Array创建长度为9的初始化数组,用1填充数组第二个之后(不包括第二个)到第八个(包括第八个)

ES6数组-fill()函数_第4张图片

(2)部分覆盖现有数组

  	let b = [1, 2, 3, 4, 5, 6]
  	b.fill(6, 2, 4)
  	console.log("数组b:");
  	console.log(b);

使用fill覆盖现有的数组,用6覆盖数组第二个之后(不包括第二个)到第四个(包括第四个)

ES6数组-fill()函数_第5张图片

你可能感兴趣的:(ES6学习笔记,前端社会成长之路,es6)