/* 1.增删改查
arr.push(...元素) : 往数组后面添加元素 , 返回数组长度
arr.unshift(...元素) : 往数组前面添加元素 , 返回数组长度
arr.pop() : 删除数组最后一个元素, 返回删除的那个元素
arr.shift() : 删除数组第一个元素, 返回删除的那个元素
arr.splice(开始下标,删除几个元素,...在删除位置插入元素)
*/
let arr = [10, 20, 30, 40, 50]
let res = arr.push(60, 70, 80)
console.log(arr)//[10,20,30,40,50,60,70,80]
console.log(res)//8
// 2. arr.join('分隔符') : 把数组元素拼接成字符串
let str = arr.join('|')//10|20|30|40|50|60|70|80
console.log(str)
// join()应用场景 : 有的歌曲是合唱的，后台就会给一个数组 ['张三','李四']
//页面按照UI的设计显示歌手 '张三&李四'
console.log(['张三', '李四'].join('&'))
// 3. arr.reverse() : 翻转数组
// 有的页面列表可以反向排列
// 4. arr.sort( (a,b)=>a-b )
let pArr = [
{ name: '张三', age: 18 },
{ name: '李四', age: 15 },
{ name: '王五', age: 22 },
]
//根据年龄排序 a和b就是数组中相邻的元素
pArr.sort((a, b) => {
return a.age - b.age
})
console.log(pArr);
// 遍历数组的方法
const goods = [
{name: '商品1', price:120, select: false},
{name: '商品2', price:1200, select: false},
{name: '商品3', price:1340, select: false},
{name: '商品4', price:1245, select: true},
{name: '商品5', price:12345, select: false}
]
// 1. map方法, 返回一个新数组,
const newGoods = goods.map(item => item.price *= 0.5)
console.log(newGoods) // [60, 600, 670, 622.5, 6172.5]
// 2. forEach 遍历数组
goods.forEach(item => item.select = true)
console.log(goods)
// 3. filter 遍历过滤/筛选 返回一个新数组
// (1).filter应用场景：用于筛选数组中满足条件的元素，返回筛选后的新数组
// 例如：找出数组中的偶数
// (2). 回调函数一定要return, 返回一个布尔类型值
// 结果为true: 当前遍历元素就会添加到新数组中
// 结果为false：当前遍历元素不会添加到新数组中
arr = goods.filter(item => item.select)
console.log(arr)
// 4. reduce
/*
1. reduce作用： 为每一个元素执行一次回调，并得到回调最终的结果
2. reduce语法: 数组.reduce( (sum,item,index)=>{} , sum初始值 )
回调返回值: 下一次循环sum的结果
reduce自身返回值: 最后一次sum的结果
*/
const res = goods.reduce((sum, item) => {
sum = item.select ? sum + item.price : sum
return sum
},0)
console.log(res)
// 5. some()方法测试数组中是不是至少有 1 个元素通过了被提供的函数测试。它返回的是一个 Boolean 类型的值。
const array = [1, 2, 3, 4, 5];
const res = (e) => e % 2 === 0;
console.log(array.some(res))
