Javascript特效開發(二)
本文內容承接Javascript特效開發(一)
第三章 Javascript特效開發第二階段
3.1、陣列
陣列是物件型別資料
1、陣列的兩種建立方式
(1)隱性方式建立陣列
(2)通過建構函式建立陣列
陣列的長度永遠比陣列的最大下標大1
2、陣列物件
(1)length
設定或返回陣列元素的數目。
array.lenth;(注:length後沒有括號);
(2)陣列刪除或新增元素
a、
執行結果:
b、萬能新增和刪除(splice)
執行結果:
(3)陣列擷取(slice)
slice在擷取的時候只包含開始不包含結束;
不改變原陣列,只會返回心新的結果;
只寫一個引數,表示從這個開始,擷取到最後;
執行結果:
(4)陣列轉換成字串(join())
不傳參預設逗號連線,傳空字串緊密連結沒有間隔,傳其它則以其它方式進行連結;
執行結果:
(5)陣列連結concat(陣列內容複製的技巧)
執行結果:
(6)陣列去重
執行結果:
(7)陣列排序
a.氣泡排序:
執行結果:
b.sort() 方法用於對陣列的元素進行排序
方法中a-b表示從小到大排,若是b-a則從大到小排;
3.2 建立物件
(1)用原生形式建立物件(也叫JSON格式建立物件)
(2)建構函式方式建立物件
3.3屬性和方法的兩種訪問形式:
3.4物件的遍歷
執行效果:
第四章 Javascript特效開發第三階段
4.1字串物件
(1)length
str.length; 獲取字串長度,不區分中英文;
(2)獲取型別
str.chart(num);與str[num];返回指定位置的字元結果是相同的。
(3)查詢型別
(4)擷取型別
(5)轉換型別
4.2數學物件&隨機數
四捨五入的結果一定是整數;
整數向上向下取整還本身;
《Javascript特效開發(一)》與《Javascript特效開發(二)》主要是講的Javacript的ECMAscript部分,屬於最基礎的語法部分,後續《Javascript特效開發(三)》會對Javascript的DOM和BOM部分進行講解。
連結:www.jianshu.com/p/a886cc514a6b
如有問題歡迎交流。
如轉載請註明出處,謝謝!
相關文章
- 使用JavaScript和Canvas開發遊戲(二)JavaScriptCanvas開發遊戲
- 網頁特效(二)網頁特效
- Javascript特效實戰pdfJavaScript特效
- Web 前端開發日誌(二):JavaScript 的二進位制操作Web前端JavaScript
- JavaScript滑動門特效詳解JavaScript特效
- AE-to-web系列:bodymovin實踐(開發禮物特效)Web特效
- JavaScript開發工具大全JavaScript
- 從零開始寫JavaScript框架(二)JavaScript框架
- 前端動畫專題(二):輸入框特效前端動畫特效
- CSS實現開關特效CSS特效
- 網頁特效大公開(轉)網頁特效
- javascript設計模式與開發實踐(二)- 封裝和原型模式JavaScript設計模式封裝原型
- WebStorm for Mac(JavaScript開發工具)WebORMMacJavaScript
- JavaScript開發工具:WebStorm for MacJavaScriptWebORMMac
- iOS開發-javaScript互動iOSJavaScript
- JavaScript 的輕框架開發JavaScript框架
- JavaScript最佳開發工具集合JavaScript
- JavaScript 開發最佳實踐JavaScript
- 前端開發基礎-JavaScript前端JavaScript
- 模組化開發(二)
- 元件化開發(二)元件化
- 網站開發之滑鼠懸停簡單特效實現(四)網站特效
- 【前端】javascript實現導航欄筋斗雲效果特效前端JavaScript特效
- Web開發從學些JavaScript開始WebJavaScript
- 學javascript有哪些開發工具JavaScript
- Javascript模組化開發基礎JavaScript
- 詳解JavaScript模組化開發JavaScript
- 開發更好用的 JavaScript 模組JavaScript
- 想做web開發,就學JavaScriptWebJavaScript
- 想做web開發 就學JavaScriptWebJavaScript
- 模組化JavaScript元件開發指南JavaScript元件
- 全棧 JavaScript 開發圖景全棧JavaScript
- JavaScript開發技巧必備【一】JavaScript
- FLOWERS開發日誌(二)
- Dresdon二次開發
- 敏捷開發大家談(二)敏捷
- ThinkS二次開發
- 微信開發系列教程(二)