- 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,continue
var 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)