- for语句
- for…in…语句
- forEach
- map
- filter
- every
- some
- reduce
var arr = ["red","green","blue"]var html = ''for(var i =0;i<arr.length;i++){html+= `<li>${arr[i]}</li>`}console.log(html)
var arr = ["red", "green", "blue"]var html = ''for (item in arr) {html += `<li>${item}</li>`}console.log(html)
// forEach语句不支持break,continuevar arr = ["red", "green", "blue"]var html = ''arr.forEach(function(item, index) {html += `<li>${item}</li>`})console.log(html)
```javascript // filter(过滤)语句 var arr = [“red”, “green”, “blue”] var newArr = arr.filter((el) => { return el[0] === “r” // 当条件为真时,返回对应数据 }) console.log(newArr)// map(映射)语句var arr = ["red", "green", "blue"]var newArr = arr.map(function(item, index) {return item + "是一种颜色"})console.log(newArr)
// 箭头函数如果只有一条return语句时,可以简写 var newArr = arr.filter(el => el[0]===”r”) console.log(newArr)
```javascript// every语句// 便利数组中的每个元素,当所有元素都符合条件时,返回真,如果有一个元素不符合条件,返回假。var arr = [67, 68, 69, 70, 90]var result = arr.every(function(item, index) {return item > 60})console.log(result) // true
// some语句// 便利数组中的每个元素,如果有一个元素符合条件,返回真,如果全部元素不符合条件,返回假。var arr = [60, 68, 69, 70, 90]var result = arr.some(function(item, index) {return item > 60})console.log(result) // false
// reduce语句// 没有传入参数100时,第一次执行时,num为arr[0],item为arr[1],// 第二次执行时,num为第一执行的返回值,item为arr[2]// 传入参数100时,第一次执行时,num为100,item为arr[0]// 第二次执行时,num为第一执行的返回值,item为arr[1]var arr = [60, 68, 69, 70, 90]var result = arr.reduce(function(num, item) {console.log(num, item)return item + num}, 100)console.log(result)
