亚洲精品久久久久久第一页-人妻少妇精彩视品一区二区三区-91国产自拍免费视频-免费一级a在线播放视频正片-少妇天天日天天射天天爽-国产大屁股喷水视频在线观看-操美女骚穴抽插性爱视频-亚洲 欧美 中文字幕 丝袜-成人免费无码片在线观看

js中定義數(shù)組的兩種方式 js中定義數(shù)組的方法


js中定義數(shù)組的兩種方式 js中定義數(shù)組的方法

文章插圖

Array.fill().fill() 方法是用一個(gè)固定值填充一個(gè)數(shù)組中的元素 , 從起始索引到終止索引內(nèi)的全部元素 , 即將數(shù)組中的所有元素更改為另外的值 , 從開始索引(默認(rèn)為 0)到結(jié)束索引(默認(rèn)為 array.length) , 最終返回修改后的數(shù)組 。
語法:Array.fill(value,start,end)
  • value:為需要處理的數(shù)組
  • start:開始索引(默認(rèn)為 0)
  • end:結(jié)束索引(默認(rèn)為 array.length) , 如指定結(jié)束索引 , 是不包括索引本身的元素
const articles = ["《如何在 Vue 的計(jì)算屬性中傳遞參數(shù)》作者:天行無忌","《Angular數(shù)據(jù)狀態(tài)管理框架:NgRx/Store》作者:天行無忌","《Angular管道PIPE介紹》作者:天行無忌",];const replaceArticle ="《JavaScript 數(shù)組操作必須熟練運(yùn)用的10個(gè)方法》作者:天行無忌";console.log([...articles].fill(replaceArticle, 1)); // 從索引為 1 的元素開始的素有元素替換 , /*['《如何在 Vue 的計(jì)算屬性中傳遞參數(shù)》作者:天行無忌','《JavaScript 數(shù)組操作必須熟練運(yùn)用的10個(gè)方法》作者:天行無忌','《JavaScript 數(shù)組操作必須熟練運(yùn)用的10個(gè)方法》作者:天行無忌']*/console.log([...articles].fill(replaceArticle, 1, 2)); // 從索引為 1 的開始到索引為2的元素替換 , 不包括索引為2的元素在內(nèi)/* ['《如何在 Vue 的計(jì)算屬性中傳遞參數(shù)》作者:天行無忌','《JavaScript 數(shù)組操作必須熟練運(yùn)用的10個(gè)方法》作者:天行無忌','《Angular管道PIPE介紹》作者:天行無忌']*/Array.from().from() 方法從一個(gè)類似數(shù)組或可迭代對象創(chuàng)建一個(gè)新的 , 淺拷貝的數(shù)組實(shí)例 。
語法:Array.from(arrayLike,mapFn)
  • arrayLike:想要轉(zhuǎn)換成數(shù)組的偽數(shù)組對象或可迭代對象
  • mapFn:可選 , 如果指定了該參數(shù) , 新數(shù)組中的每個(gè)元素會(huì)執(zhí)行該回調(diào)函數(shù)
console.log(Array.from([1, 2, 3], (item) => item + item)); // [ 2, 4, 6 ]console.log(Array.from("china")); // [ 'c', 'h', 'i', 'n', 'a' ]使用方法這里大概介紹一下 Array.fill() 和 Array.from() 的使用方法 , 但不限于本文介紹 。
創(chuàng)建數(shù)組并賦值這里介紹幾種創(chuàng)建于數(shù)組并賦值的方法 , 首先可以使用 Array.fill 方法創(chuàng)建一個(gè)填充有值的數(shù)組 , 但一般是同值數(shù)組 。
const numbers = new Array(5).fill(1);console.log(numbers); // [ 1, 1, 1, 1, 1 ]上面創(chuàng)建了一個(gè)全是 1 的 5 維數(shù)組 , new Array(5) 創(chuàng)建一個(gè)有 5 維數(shù)組 , 再適用 .fill() 將每維替換為 1。
可以通過對一個(gè)空數(shù)組調(diào)用 keys 方法 , 生成一個(gè)升序的數(shù)組 , 如下:
const numbers = [...new Array(5).keys()];console.log(numbers); // [ 0, 1, 2, 3, 4 ]還可以用 Array.from() 和一些計(jì)算方法來填充一個(gè)數(shù)組 , 如下:
const numbers = Array.from(new Array(5), (_, i) => i ** 2);console.log(numbers); // [ 0, 1, 4, 9, 16 ]上面創(chuàng)建了一個(gè) 0-4 的數(shù)字平方組成的數(shù)組 , 如果需要?jiǎng)?chuàng)建 undefined 組成的數(shù)組 , 如下:
const undefineds = [...new Array(3)];console.log(undefineds); // [ undefined, undefined, undefined ]創(chuàng)建重復(fù)值在JavaScript 中創(chuàng)建重復(fù)值 , 常見有四種方式:
  • 使用循環(huán)
  • 使用 Array.fill()
  • 使用 repeat()
  • 使用 Array.from()
repeat()構(gòu)造并返回一個(gè)新字符串 , 該字符串包含被連接在一起的指定數(shù)量的字符串的副本 。


以上關(guān)于本文的內(nèi)容,僅作參考!溫馨提示:如遇健康、疾病相關(guān)的問題,請您及時(shí)就醫(yī)或請專業(yè)人士給予相關(guān)指導(dǎo)!

「愛刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容,希望對您有所幫助: