[TOC]

#### 1.for 循環
<script type="text/javascript">
var arr = ['蘋果','鴨梨','香蕉','西瓜','火龍果','葡萄'];
//for循環遍歷
for (var i=0;i<arr.length;i++) {
document.write(arr[i]+'很好吃<br />');
}
</script>
#### 2.forEach循環
<script type="text/javascript">
var arr = ['蘋果','鴨梨','香蕉','西瓜','火龍果','葡萄'];
//參數x代表的是每次遍歷到的數據的數據值
arr.forEach(x=>{
console.log(x);
})
var s = new Set(['蘋果','鴨梨','香蕉','西瓜','火龍果','葡萄']);
//參數x代表的是每次遍歷到的數據的數據值
s.forEach(x=>{
console.log(x);
})
var m = new Map([
['a',11],
['b',22],
['c',33],
['d',44],
]);
//如果傳入兩個參數,第一個參數代表的是鍵值,第二參數代表的是鍵名
m.forEach((x,y)=>{
console.log(x,y);
})
</script>
#### 3.map方法
<script type="text/javascript">
var arr = ['蘋果','鴨梨','香蕉','西瓜','火龍果','葡萄'];
//map方法會遍歷數組所有數據,回調函數中的返回值,就是遍歷到的這個數據的新值
let newarr = arr.map(x=>{
return x+'很好吃';
})
console.log(arr);
console.log(newarr);
</script>
#### 4.filter方法
<script type="text/javascript">
//filter方法會挨個遍歷數組中的數據,如果回調函數返回的值是true,就保留當前遍歷到的數據,如果返回的是false,就不保留當前的數據
var arr = [342,24,205,76,8,54,12,135];
let newarr = arr.filter(x=>{
return x>100;
})
console.log(arr);
console.log(newarr);
</script>
#### 5.for in循環
<script type="text/javascript">
var obj = {
a:11,
b:22,
c:33,
d:44,
}
//x代表是每次遍歷到的對象屬性的屬性名的字符串形式
for (x in obj) {
console.log(x,obj[x]);
}
//不推薦用for in循環遍歷數組
var arr = ['蘋果','鴨梨','香蕉','西瓜','火龍果','葡萄'];
for (x in arr) {
console.log(x,arr[x]);
}
</script>
#### 6.for of循環
<script type="text/javascript">
var arr = ['蘋果','鴨梨','香蕉','西瓜','火龍果','葡萄'];
//for of循環,遍歷數組的時候,x代表是每次遍歷到的數據的值
for (x of arr) {
console.log(x);
}
let s = new Set(['蘋果','鴨梨','香蕉','西瓜','火龍果','葡萄']);
for (x of s) {
console.log(x);
}
let m = new Map([
['a',1],
['b',2],
['c',3],
['d',4],
])
//for of遍歷Map結構數據的時候,x代表的是每次遍歷的鍵值對,鍵名和鍵值以數組的形式呈現
for (x of m) {
console.log('鍵名',x[0]);
console.log('鍵值',x[1]);
}
</script>
- html&jquery網頁特效
- 標簽分類及特點
- 關于文字標簽
- 網頁定時跳轉
- css透明度和插件
- 0.前端常用工具
- 1.tab切換效果
- 2.tab切換效果多個代碼復用
- 3.百度新聞導航條效果
- 4.解決鼠標移入過快的問題
- 5.滾動條位置
- 6.元素尺寸
- 7.全選反選操作
- 8.固定定位
- 9.開關效果
- 10.節點操作
- 11.仿小米商品展示效果
- 12.仿小米商品展示效果復用
- 13.固定導航欄效果
- 14.凡客輪播圖效果
- 15.頂部下滑廣告效果
- 16.京東左右滑動輪播圖
- 17.京東左右滑動無縫輪播圖
- 18.選擇器
- 19.篩選
- 20.開關效果
- 21.滑動效果
- 22.小米商品效果css實現
- 23.元素水平垂直居中
- laravel5.6
- LARAVEL 介紹&安裝
- javascript & css 腳手架
- php常用工具類
- 安裝laravel-ide-helper增強代碼提示
- 使用migration創建表和數據填充
- 解決mysql5.7以下laravel不能執行數據遷移的問題
- 路由
- 登陸操作自定義模型
- 使用中間件middleware進行登錄權限驗證
- 進行表單驗證處理
- 使用laracasts-flash定制消息提示
- 資源路由
- 寶塔面板安裝fileinfo擴展
- laravel上傳處理與使用hdjs快速實現前端上傳組件
- thinkphp
- phpstorm
- phpstorm安裝插件
- 定義快捷鍵
- 關閉提示
- 將代碼實時同步到遠程服務器
- sublime
- composer
- git使用
- git安裝和配置作者信息
- git新建項目和維護項目
- git日志操作
- git別名操作
- git分支操作
- git生成發布壓縮包
- git系統別名
- gitrebase操作
- 使用SSH與GITHUB遠程服務器進行無密碼連接
- 本地版本庫主動使用remote與遠程GITHUB進行關聯
- 本地分支與GITHUB遠程分支同步
- 項目實戰-新入職員工參與項目開發時分支使用
- 自動部署
- ios開發
- linux
- 1.centos6.5 mysql忘記登入密碼
- html5
- 標簽
- 表單
- 音頻與視頻
- webstorage儲存
- canvas
- css3
- 01.CSS3布局
- 02.transition動畫
- 03.animation動畫
- 04.flex彈性盒模型
- Less
- gulpjs
- es6
- ES6模塊化
- let和const命令
- ES6函數擴展&解構賦值
- JavaScript之數據遍歷
- class類
- Set和Map數據結構
- Vue
- 1.創建第一個應用
- 2.屬性動態綁定
- 3.表達式
- 4.解決phpstorm不識別ECMASCRIPT6語法的問題
- 5.watch監聽屬性
- 6.使用object與array控制class
- 7.條件渲染
- 8.循環
- 9.變異方法
- 10.事件
- 11.表單
- 12.組件
- 13.css過渡動
- 14.js庫控制vue過渡動作
- 15.自定義指令directive
- 16.使用vue-cli初始化單頁面應用
- 17.Vue-router路由
- 18.vuex
- 19.vue-cli
- webpack
- zanui
- nodejs