## 前言
作為js中常用的數據類型,你必須清楚常見的方法的名稱作用以及返回值。
### 對象屬性
常用屬性:length 數組長度,數組長度黨羽等于元素個數,因為存在稀疏數組。
### 對象方法

### 方法詳解
### es6方法拓展
* 數組的結構賦值
es6允許按照一定的模式,從數組和對象之中提取值,對變量進行賦值,這稱為解構(Destructuring).
在以前的編碼中,我們只能指定變量直接量。
~~~
// before
var a=1;
var b=2;
var c=3;
// now
var [a,b,c]=[1,2,3]
~~~
以上的代碼表示會按照對應關系對變量進行賦值,本質上這種寫法屬于模式匹配,只要等號兩邊的模式相同,左邊的變量就會被賦值對應數值。
~~~
var [foo,[bar],baz]=[1,[2],3];//結構對應,分別被賦值,請注意這里不是數組賦值,而是數組解構
var [,,baz]=[1,[2],3];// baz 3
var [a,b,...tail]=[1,2,3,4];//tail [3,4]
var [foo]=[],1,'hello',false ,NaN //都不能正確賦值 為undefined,直接定義undefined 是會報錯的。
~~~
* .from() 用于將兩類對象轉換為真正的數組:類數組的對象,可便利的對象(es6 新增的set、map)結構。
類數組的結構 ,比如選擇到的dom元素
let ps =document.getElementsByClass("a");
Array.from(ps).forEach() 只有數組才可以用forEach方法
注意:.from可以接受第二個參數,用來對每個元素進行處理
* . of() 用于將一組數值轉換為數組,定義這個方法的主要原因是原來的構造器會造成參數不同,解析不同,一個數字參數的結果是生成這個數字的空數組,而多個的時候是數組賦值。
`Array.of(1,1,3) //生成三個元素的數組 [1,1,3] `
* find(), findIndex() 他得參數是回調函數,直到找出返回true的元素,前者返回該元素,后者返回指針(只返回第一個匹配到的結果)
[1,4].find(function(value,index,arr){ return value>2;})//4
* fill填充函數,用于指定值填充函數,還可以接受第二個,第三個參數
~~~
Array.fill(num,stindex,endindex);
["a",'b','c'].fill(7,1,2); //["a",7,'c']
~~~
* 數組實例的entires() keys() values(),用于遍歷數組,以前是for 循環。
~~~
var arr=[1,6];
for(let key of arr.keys()){
key//
}
for(let value of arr.values()){
value//瀏覽器暫不支持
}
for(let [index,ele] of arr.entires()){
console.log(index,ele) ;//瀏覽器暫不支持
}
~~~
* 數組推導,允許直接通過現有數組推導到新數組(實現暫時有問題)
~~~
var a1=[1,1,2,6];
var a2=[for (i of a1 ) i*2];
~~~
* observe() unobserve() 對數組的監聽,當有add,update,delete,splice發生時觸發,指定回調函數。
- 前端入門
- 前端入職須知
- 前端自我定位
- pc與手機頁面差別
- 前端書單
- 前端種子計劃
- 前端技術棧
- ps
- ps入門階段
- html
- html入門
- html代碼規范
- meta
- table
- iframe
- a標簽詳解
- image
- html代碼審查工具
- h5專題
- h5入門
- h5新增屬性
- canvas畫布教程
- audio/video
- Geolocation
- Websockets
- Web storage
- Communication
- Web Workers
- requestAnimationFrame
- css
- css入門必學
- css代碼規范
- 項目字體規范
- css基本位置布局
- css常見樣式命名規則
- css代碼優化建議
- css常用樣式名
- css選擇器攻略
- css盒子模型的理解
- css屬性繼承與默認值
- css代碼審查工具
- css中常見的知識盲區
- css3新特性淺談
- css新特性了解
- border-radius
- background
- transform
- animation
- white-space
- css常用技術
- 文本兩端對齊
- css之浮動解決方案
- css優化建議
- 文本超出省略
- img-sprites
- rem布局教程
- 水平居中&垂直居中
- 固寬&變寬布局
- 寬高固定比例的盒模型
- 樣式預處理語言
- less教程
- sass教程
- postcss教程
- js
- javascript入門
- js代碼規范
- js基礎拓展
- js代碼審查工具
- js性能優化
- js基本語句
- 基本運算
- 基本語句語法
- js對象
- es6入門
- obj
- Array
- Date
- String
- Boolean
- Number
- Json
- RegExp
- Math
- function
- jquery入門
- jq核心思想
- jq基本語法
- jq插件庫匯總
- js常用技術
- break&continue區別
- js對日期轉換
- js控制運動-move.js
- 原生js-cookie語法
- ajax請求后回調
- 表單數據序列化
- zepto
- zepto入門
- 百度touchjs
- js編程
- 插件庫
- 功能性插件
- pdfjs
- wdatepicker
- qrcoder
- barcode插件
- photoviewer
- hammer.js
- echarts
- 交互組件
- layerjs
- java
- java入門
- java基本語句
- springMVC
- javaweb
- vm模板引擎
- freemarker
- maven教程
- mySql教程
- flex教程
- flex入門
- git教程
- git入門
- git分支
- git-tag管理
- git注意事項
- git-torise入門
- ide-git插件使用
- web
- web兼容
- web兼容思想
- pc端兼容適配文檔
- pc端兼容bug匯總
- ie兼容bug匯總
- 手機兼容bug匯總
- web安全
- jeecms
- web存儲
- app/h5組件
- 安卓教程
- ios教程
- 前端教程
- rubikx的教程
- 其他
- artTemplate
- tmod使用
- 跨域問題
- markdown教程
- 常用工具
- postman-api調試
- web常識
- 瀏覽器ua統計
- ui框架
- easyui
- bootstrap
- 入門推薦
- weui
- sui-pc
- sui-mobile
- layerUi