ES6 Array.fiill()的用法

简介: ES6 Array.fiill()的用法

简单使用


// arr.fill(value, start, end)


// value填充的值


// start填充的起始位置包含


// end填充的结束值,不包含,如果省略这个参数,表示从起始位置到末尾;


只有一个参数时,填充所有的


let arr = ["hell", 'lh', 'll'];
let arr1 = arr.fill("hahah");
console.log(arr1); //['hahah','hahah','hahah']


3个参数


let arr3 = ['d', 'l', 'k', 'p'];
let arr4 = arr3.fill("哈", 0, 2);
console.log(arr4); //["哈", "哈", "k", "p"]


2个参数


let arr5 = ['45', '454', '454545', 'ppp'];
let arr6 = arr5.fill('h', 1);
console.log(arr6);// ["45", "h", "h", "h"]


对象数组的使用


let arr=[
    {name:'临样1',age:10},
    {name:'临样2',age:20},
    {name:'临样3',age:30}
]
let arr4 = arr.fill("哈", 0, 1);
console.log(arr4)
[
  0: "哈",
  1: {name: "临样2", age: 20},
  2: {name: "临样3", age: 30},
]


个人理解


注意: IE 11 及更早版本不支持 fill() 方法。


这个觉得这个方法是有一点鸡肋。因为他的填充是简单数组进行填充


很多时候,我们使用的可能是对象数组。如果在使用这个方法进行填充的。


必须还转换一次。

相关文章
|
设计模式
ES6中新增Array.from()函数的用法详解
ES6中新增Array.from()函数的用法详解
204 1
|
8月前
|
JSON 前端开发 API
多维数组操作,不要再用遍历循环foreach了!来试试数组展平的小妙招!array.flat()用法与array.flatMap() 用法及二者差异详解
理论上array.flat()能做的事情,array.flatMap()都可以做,但是array.flat()更简单,占用内存更少,执行更快。 这个相对冷门一些,w3school上都没有相关教程,看到就是赚到,收藏就是财富! 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助
|
Python
Numpy学习笔记(一):array()、range()、arange()用法
这篇文章是关于NumPy库中array()、range()和arange()函数的用法和区别的介绍。
852 6
Numpy学习笔记(一):array()、range()、arange()用法
|
JSON 数据格式 C++
C++ JSON库 nlohmann::basic_json::array 的用法
C++ JSON库 nlohmann::basic_json::array 的用法
1248 1
|
存储 容器
2023-3-3-std::array的用法
2023-3-3-std::array的用法
291 0
Array.prototype.includes() 原型调用用法案例讲解
Array.prototype.includes() 原型调用用法案例讲解
184 2
|
C++ 容器
论c++中的数组,vector和array的区别及用法
论c++中的数组,vector和array的区别及用法
438 0
|
编译器 C语言
【C 语言】数组 ( 数组取值操作 | array[i][j] 用法 等价于 *( *(array = i) + j ) 用法 | 下标操作到指针操作演化过程 )
【C 语言】数组 ( 数组取值操作 | array[i][j] 用法 等价于 *( *(array = i) + j ) 用法 | 下标操作到指针操作演化过程 )
393 0

热门文章

最新文章

  • 1
    Java 中数组Array和列表List的转换
    582
  • 2
    JavaScript中通过array.map()实现数据转换、创建派生数组、异步数据流处理、复杂API请求、DOM操作、搜索和过滤等,array.map()的使用详解(附实际应用代码)
    549
  • 3
    通过array.reduce()实现数据汇总、条件筛选和映射、对象属性的扁平化、转换数据格式、聚合统计、处理树结构数据和性能优化,reduce()的使用详解(附实际应用代码)
    1319
  • 4
    通过array.some()实现权限检查、表单验证、库存管理、内容审查和数据处理;js数组元素检查的方法,some()的使用详解,array.some与array.every的区别(附实际应用代码)
    379
  • 5
    通过array.every()实现数据验证、权限检查和一致性检查;js数组元素检查的方法,every()的使用详解,array.some与array.every的区别(附实际应用代码)
    242
  • 6
    多维数组操作,不要再用遍历循环foreach了!来试试数组展平的小妙招!array.flat()用法与array.flatMap() 用法及二者差异详解
    152
  • 7
    别再用双层遍历循环来做新旧数组对比,寻找新增元素了!使用array.includes和Set来提升代码可读性
    176
  • 8
    Array.forEach实战详解:简化循环与增强代码可读性;Array.forEach怎么用;面对大量数据时怎么提高Array.forEach的性能
    126
  • 9
    深入理解 JavaScript 中的 Array.find() 方法:原理、性能优势与实用案例详解
    433
  • 10
    JavaScript 中通过Array.sort() 实现多字段排序、排序稳定性、随机排序洗牌算法、优化排序性能,JS中排序算法的使用详解(附实际应用代码)
    802