<template>
<view>
</view>
</template>
<script>
export default{
methods:{
// 创建数组
// 创建空数组
onCreateEmptyArray () {
let arr1 = []
let arr2 = new Array()
let arr3 = Array.of()//es6新增
console.log("arr1:",arr1,"arr2:",arr2,"arr3:",arr3)
},
// 创建非空数组
onCreateFullArray(){
var arr5 = [20]; // 创建一个包含1项数据为20的数组
var arr6 = ["lily","lucy","Tom"]; // 创建一个包含3个字符串的数组
// 如果只传一个数值参数，则表示创建一个初始长度为指定数值的空数组
var arr7 = new Array(20);
console.log("arr7:",arr7)
// 如果传入一个非数值的参数或者参数个数大于 1，则表示创建一个包含指定元素的数组。
var arr8 = new Array("lily","lucy","Tom"); // 创建一个包含3个字符串的数组
var arr9 = new Array( 23 ); // ["23"]
console.log("arr8:",arr8,"arr9:",arr9)
let arr10 = Array.of(1, 2);//[1,2]
console.log("arr10:",arr10)
},
// 将数组转换为字符串：join方法
onTransArray(){
var arr = [1,2,3];
console.log('没有分隔符',arr.join(""))//123
console.log("默认用逗号作为分隔符:",arr.join())//1,2,3
console.log("参数任意参数作为分隔符:",arr.join("-"))//1-2-3
console.log("arr:",arr)//join方法不会修改原数组[1,2,3]
},
// 删除数组第一项：shift;删除数组最后一项：pop
onDeleteItem(){
let arr1 = ['a','b','c']
let arr2 = [1,2,3]
let shiftArr1 = arr1.shift()//返回值是删除的内容
let popArr2 = arr2.pop()//返回值是删除的内容
console.log("shiftArr1",shiftArr1)
console.log("popArr2",popArr2)
console.log("arr1",arr1)//会修改原数组
console.log("arr2",arr2)//会修改原数组
},
//给数组第一项unshift或者最后一项push添加内容
onAddItem(){
let arr1 = ['a','b','c']
let arr2 = [1,2,3]
let unshiftArr1 = arr1.unshift("d","f")//返回值是新数组的长度
let pushArr2 = arr2.push(4,5)//返回值是新数组的长度
console.log("unshiftArr1",unshiftArr1)
console.log("pushArr2",pushArr2)
console.log("arr1",arr1)//会修改原数组
console.log("arr2",arr2)//会修改原数组
},
// 连接数组concat，只能把数组拆分一次
onConcatArray(){
var arr = [1,3,5,7];
var arrCopy = arr.concat(9,[11,13]);
var arrCopy1 = arr.concat([9,10,11])//[1,3,5,7,9,10,11],相当于合并数组
console.log("arrCopy:",arrCopy); //[1, 3, 5, 7, 9, 11, 13]传入的不是数组，则直接把参数添加到数组后面，
console.log("arr:",arr); // [1, 3, 5, 7](原数组未被修改)
var arrCopy2 = arr.concat([9,[11,13]]);//连接二维数组
console.log(arrCopy2); //[1, 3, 5, 7, 9, Array[2]]
},
// 截取数组slice
onSliceArray(){
var arr = [1,2,3,4]
var sliceArray = arr.slice(1)//只有一个参数，结束位置是当前数组末尾，返回截取的新数组
var sliceArray1 = arr.slice(1,3)//两个参数，包含开始不包含结束，[2,3]
var arrCopy3 = arr.slice(1,-2);//相当于arr.slice(1,4),当出现负数时，将负数加上数组长度的值（6）来替换该位置的数
console.log(sliceArray,sliceArray1,arrCopy3,arr)//不修改原数组
},
//删除、插入和替换一体的splice方法
onSpliceArray (){
//删除元素
var arr = [1,3,5,7,9,11];
var arrRemoved = arr.splice(0,2);//可以删除任意数量的项，和slice用法一样：要删除的第一项的位置和要删除的项数。[1，3]
console.log(arr); //[5, 7, 9, 11]修改原数组
//添加元素
//可以向指定位置插入任意数量的项，只需提供 3 个参数：起始位置、 0（要删除的项数）和要插入的项。
//例如，splice(2,0,4,6)会从当前数组的位置 2 开始插入 4 和 6。
var array1 = [22, 3, 31, 12];
array1.splice(1, 0, 12, 35); //返回值是一个空数组[]
console.log(array1); // [22, 12, 35, 3, 31, 12]，会修改原数组
// 替换元素
const array2 = [22, 3, 31, 12];
array2.splice(1, 1, 8); //返回值是被替换元素形成的数组[3]
console.log(array2); // [22, 8, 31, 12]，修改原数组
},
// 查找某个元素在数组中的索引indexOf 和 lastIndexOf
onIndexofArray()
/*
接收两个参数：要查找的项和（可选的）表示查找起点位置的索引。
lastIndexOf：从数组的末尾开始向前查找。
这两个方法都返回要查找的项在数组中的位置，或者在没找到的情况下返回-1。
*/
var arr = [1,3,5,7,7,5,3,1];
console.log(arr.indexOf(5)); //2
console.log(arr.lastIndexOf(5)); //5
console.log(arr.indexOf(5,2)); //2
console.log(arr.lastIndexOf(5,4)); //2
console.log(arr.indexOf("5")); //-1
},
//遍历数组的三个方法
// 一 forEach
onForEachArray(){
// 对数组进行遍历循环，对数组中的每一项运行给定函数。这个方法没有返回值。
// 参数都是 function 类型，默认有传，。
// 参数分别为：遍历的数组内容；第对应的数组索引，数组本身
var arr = [11, 22, 33, 44, 55];
arr.forEach(function(x, index, a){
console.log(x + '|' + index + '|' + (a === arr));
});
},
// 二 map方法
onMapArray(){
/*map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。
map() 方法按照原始数组元素顺序依次处理元素。参数是function类型
该方法不会改变原数组*/
var arr = [1, 2, 3, 4, 5];
var arr2 = arr.map(function(item){
return item*item;
});
console.log(arr2); //[1, 4, 9, 16, 25]
},
// 三 filter方法
onFilterArray(){
/*“过滤”功能，数组中的每一项运行给定函数，返回满足过滤条件组成的数组。
filter方法的参数是一个函数，函数的参数有两个，分别是每项的值和对应的下标*/
var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
var arr2 = arr.filter(function(x, index) {
return index >1 && x <= 8;
});
console.log("----",arr2); //[3, 4, 5, 6, 7, 8]
},
//向数组中填充元素的fill方法，es6新增
onFillArray(){
//一个参数，会将原数组所有项替换成参数
let arr = [1, 2, 3, 4, 5];
let newArr = arr.fill(1);//[1,1,1,1,1];返回值就是新数组
console.log(arr);//[1,1,1,1,1];
//三个参数
let arr1 = [1, 2, 3, 4 , 5];
arr1.fill(0, 1, 3);
console.log(arr1);//[1,0,0,1,1];
},
//every和some
onJudgeAnswer(){
//every方法，只要有一个item判断是false，就会返回false；所有是true才返回true
let arr1 = [3,4,5]
let res1 = arr1.every(function(item){
return item > 2
})
console.log("res1",res1)
//some方法，只要有一个item判断是true，就会返回true；所有是false才返回false
let arr2 = [3,4,5]
let res2 = arr2.every(function(item){
return item > 2
})
console.log("res2",res2)
},
//判断一个数组是否包含一个指定的值的方法include
onIncludeItem(){
// 参数有两个，其中第一个是（必填）需要查找的元素值，第二个是（可选）开始查找元素的位置
const array1 = [22, 3, 31, 12];
const includes = array1.includes(31);
console.log(includes); // true
const includes1 = array1.includes(31, 3); // 从索引3开始查找31是否存在
console.log(includes1); // false
}
},
mounted() {
this.onCreateEmptyArray()
this.onCreateFullArray()
this.onTransArray()
this.onAddItem()
this.onConcatArray()
this.onSliceArray()
this.onSpliceArray()
this.onForEachArray()
this.onMapArray()
this.onFilterArray()
this.onFillArray()
this.onJudgeAnswer()
}
}
</script>
