1. 程式人生 > >ES6陣列新特性

ES6陣列新特性

1.Array.from特性

var arr=Array.from({
    '0':'ggb',
    '1':'[email protected]',
    'length':2
})

console.log(arr)//[ 'ggb', '[email protected]' ]

var arr=Array.from({
    '0':'ggb',
    '1':'[email protected]',
    'length':2
},function(item,index){
    return index+':'+item
})

console.log(arr)//[ '0:ggb', '1:
[email protected]
' ]
var set=new Set(['you','me','she'])
console.log(Array.from(set));//[ 'you', 'me', 'she' ]


2.Array.of
var arr=new Array(12);
console.log(arr)//[ , , , , , , , , , , ,  ]
var arr2= Array.of(12)
console.log(arr2)//[ 12 ]
3.Array.find Array.findIndex
var arr=[2,4,6];
var value= arr.find(function(v){
    return true
})
console.log(value); //2

var value2= arr.findIndex(function(value,index,arr){
    return value>3 //1 返回的是索引
})
console.log(value2);

var value =arr.find(function(v){
    return Object.is(v,NaN)
})
console.log(value); //NaN

4.Array.copyin
var arr=['one','two','three','four','five','six','seven','eight']
arr.copyWithin(1,5,7)
console.log(arr);//[ 'one', 'six', 'seven', 'four', 'five', 'six', 'seven', 'eight' ]

5.Array.fill
var arr=['i','love','you']
arr.fill(5)
console.log(arr);

var arr=['i','love','you',':','my','baby','girl']
arr.fill(5,2,5)
console.log(arr);//[ 'i', 'love', 5, 5, 5, 'baby', 'girl' ]



相關推薦

ES6 陣列特性(map,filter,forEach,reduce)

map:原來陣列有多少個,map 處理之後還是那麼多個。引數:item,index,array let arr = [12,35,56,79,56]; let arr1 = arr.map(item => item%2 === 0 ? '偶' : '奇'

ES6陣列特性

1.Array.from特性 var arr=Array.from({ '0':'ggb', '1':'[email protected]', 'length':2 }) console.log(arr)//[ 'ggb', '[emai

ES6特性———【介紹】

del 得到 重復 檢測字符串 china 包含 span 現在 使用 ES6是javascript的下一代標準,雖然目前不是所以的瀏覽器都兼容ES6,但現在越來越多的程序員開始使用ES6了。 let只對塊級有作用域。 { var b=1; alert(b) //1

es6語法特性

標準 運行 構造 箭頭函數 運算符 運算 als 裏的 esc es6新特性 let與const 關鍵字 ES5 只有兩種聲明變量的方法:var命令和function命令。ES6 除了添加let和const命令,後面章節還會提到,另外兩種聲明變量的方法:import命令和c

前端(七):ES6一些特性

堆內存 btn The 自己 一次 至少 pytho 不同的 title 一、變量   1.var關鍵字的弊端   var關鍵字的弊端:1.可以重復聲明變量;2.無法限制變量修改;3.沒有會計作用域,只有函數作用域。 <html lang="en">

es6陣列方法

es6給我們帶來了更多更便利的陣列方法,開薰!! 1Array.from Array.from方法用於將兩類物件轉為真正的陣列:類似陣列的物件(array-like object)和可遍歷(iterable)的物件(包括 ES6 新增的資料結構 Set 和 Map)。 比如我們在獲取標籤時如果使用的是do

ES6常用特性總結

1.let && const let命令也用於宣告物件,但是作用域為區域性。 { let a = 10; var b = 1; } 在函式外部可以獲取到b,獲取不到a,因此例如for迴圈計數器就適合使用let。 con

使用ES6特性Proxy來實現一個數據繫結例項

寫於 2016.10.11 專案地址:github.com/jrainlau/mo… 線上體驗:codepen.io/jrainlau/pe… 作為一個前端開發者,曾踩了太多的“資料繫結”的坑。在早些時候,都是通過jQuery之類的工具手動完成這些功能,但是當資料量非常大的時候,這

ES6特性(3)——變量的解構賦值

允許 不一致 node 變量名 使用 tail 有用 生效 ole 變量的解構賦值 數組的解構賦值 基本用法 ES6 允許按照一定模式,從數組和對象中提取值,對變量進行賦值,這被稱為解構(Destructuring)。 let a = 1; let b = 2; let

ES6函式特性及箭頭函式與普通函式的區別

前言:專案中也經常用到es6的箭頭函式,但是也沒怎麼去細看es6更新了哪些函式特性,畢竟es7, es8都出來了。今天細看了《深入瞭解ES6》這本書的第三章,函式這一節,特此記錄一下es6更新了哪些函式的新特性。 1.函式形參的預設值。    e5及之前,設定預設引數值均

ES6特性(15)——Promise 對象

同步 att 傳遞 fetch 自己 {} 都是 個數 finally Promise 對象 Promise 的含義 Promise 是異步編程的一種解決方案,比傳統的解決方案——回調函數和事件——更合理和更強大。它由社區最早提出和實現,ES6 將其寫進了語言標準,統一了用

ES6特性(18)——async 函數

參數 inorder 取數據 inputfile 頁面 avatar struct on() 數組 async 函數 含義 ES2017 標準引入了 async 函數,使得異步操作變得更加方便。 async 函數是什麽?一句話,它就是 Generator 函數的語法糖。 前

H5、C3、ES6特性

坐標 屬性選擇器 text 支持 動畫 translate con tor lin H5的新特性 1.語義化標簽 有利於SEO,有助於爬蟲抓取更多的有效信息,爬蟲是依賴於標簽來確定上下文和各個關鍵字的權重。 語義化的HTML在沒有CSS的情況下也能呈現較好的內容結

程序員必須知道的六大ES6特性

log 註意 string 回調函數 三種 -c 新的 構造 但是 一 、字符串擴展 1、傳統上,JavaScript只有indexOf方法,可以用來確定一個字符串是否包含在另一個字符串中。ES6又提供了三種新方法。 includes():返回布爾值,表示是否找到了參數字

ES6特性

nbsp pil 書寫 無法訪問 tar with 模塊化 程序 document ES6新特性概覽 箭頭操作符 如果你會C#或者Java,你肯定知道lambda表達式,ES6中新增的箭頭操作符=>便有異曲同工之妙。它簡化了函數的書寫。操作符左邊為輸入的參數,而右

ES6特性:解構賦值(上)

變量賦值 什麽 模式 註意 只需要 一個數 html 代碼 內容 1:什麽是解構賦值 按照一貫的套路,接下來的內容是解釋:什麽是解構賦值? 來看看官方的解釋: ES6允許按照一定模式,從數組和對象中提取值,對變量進行賦值,這被稱為解構(

ES6特性使用小結(三)

數組 col kset 布爾值 key 報錯 false 新特性 垃圾 九、數據類型  Symbol /* * Symbol 數據類型 概念: Symbol 提供一個獨一無二的值 * */ { let a1 = Symbol(); let a2

ES6特性使用小結(四)

aso 數據 定義 mon 過濾 != style nbsp com 十一、Proxy 、Reflect    ①、Proxy 的概念和常用方法 { let obj = { //1、定義原始數據對象

es6數組特性

itl alt idt name edge 哈哈 ble filter color 數組循環屬性:for,map,filter,foreach 結論:除了for,其他都不能通過return false,終止循環 代碼 <!doctype html> <h

ES6特性概覽

contains c# hub docs 鍵值對 邏輯 chang 控制臺 app 轉自:https://www.cnblogs.com/Wayou/p/es6_new_features.html 本文基於lukehoban/es6features ,同時參考了大量博客資料