模板
视图
/视图
/模板
脚本
导出默认值{
方法：
//建立阵列
//创建空数组
onCreateEmptyArray
雷达1=[ ]
let arr2=新阵列()
let arr3=阵列()//es6新功能
控制台日志(arr1:Arr 1、) arr2:arr2、) arr:arr3) ) )。
(、
//创建非空数组
使用onCreateFullArray (
var arr5=[20]； //1个项目的数据组成20个数组
var arr6=[ ‘健康的蓝天’，’ zydwl ‘，’汤姆’ ]；//创建包含三个字符串的数组
//如果只传递一个数值参数，则意味着创建具有指定初始长度的数值的空数组
vararr7=新阵列(20；
控制台日志(arr 7: )、ARR7) ) )。
//如果传递了非数字参数，或者参数数量大于1，则意味着创建包含指定元素的数组。
var arr8=新阵列(“健康的蓝天”，“zydwl”，“汤姆”)；//创建包含三个字符串的数组
vararr9=新阵列(23；//“23”
控制台日志(arr9: )、arr8、) arr9: )、arr9) ) )。
letarr 10=阵列(1，2 )； //[ 1，2 ]
console.log(‘arr10: ‘，arr10 ) )。
(、
//将数组转换为字符串： join方法
ontransarray(}
vararr=[ 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
删除项目
let arr1=[‘a”、“b”和“c”
letarr2=[ 1，2，3 ]
letshiftarr1=arr1.shift(/返回值是被删除的
let popArr2=arr2.pop ()//返回值是被删除的
控制台日志(shiftarr1)、shiftarr1) )。
控制台日志(‘保罗2 ‘，保罗2 ) )。
console.log(‘arr1’，arr1)//修改原来的数组
console.log(‘arr2’，arr2)//修改原来的数组
(、
//向数组的第一个项目unshift或最后一个项目push添加内容
onAddItem ()
let arr1=[‘a”、“b”和“c”
letarr2=[ 1，2，3 ]
letunshiftARR1=ARR1.unshift(d )，f ) ) /返回值是新数组的长度
letpusharr2=arr2. push (4，5 ) /返回值是新数组的长度
控制台日志(无条件区域1 )，无条件区域1 ) )。
console.log(‘pushArr2’，pusharr2) )。
console.log(‘arr1’，arr1)//修改原来的数组
console.log(‘arr2’，arr2)//修改原来的数组
(、
//连接数组concat，将数组只分割一次
onConcatArray (
vararr=[ 1，3，5，7 ]；
vararrcopy=arr.concat(9，[ 11，13 ]；
vararrcopy1=arr.concat ([ 9，10，11 ] )/[ 1，3，5，7，9，10，11 ]相当于键序列
控制台日志(Arr副本： )、Arr副本)； //[ 1，3，5，7，9，11，13 ]如果传递的不是数组，请在直接数组之后添加参数。
控制台日志(‘ arr : ‘，arr )； //[ 1，3，5，7 ]
vararrcopy2=arr.concat([9，[ 11，13 ] )；//连接二维排列
控制台日志(Arr副本2； //[ 1，3，5，7，9，阵列]
(、
//剪切数组slice
开启SliceArray(){
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>