数组的各种操作方法!!!

let arr = [[1,2,3],[4,5,6]];
console.table(arr);//浏览器控制台输出的是一个表格的二维数组

let arr1 = [1,2,3];
let one = 0;
let none = [];
let arr2 = none.concat(one,arr1);//concat  会返回一个新的数组,不会改变原数组
console.log(arr2);//[0,1,2,3]

let arr1 = [1,2,3,4,5];
let arr2 = [2,4,6];
let arr3 = [1,3,5];

let show = arr2.every(x => {//every 是里面是一个函数,迭代每一个数组元素,如果每一个都返回true,就返回true,否则返回false
	return x % 2 != 0;
})

let show1 = arr2.some(x => {//some 和every 用法一样,如果有一个返回true,就返回true
	return x % 2 == 0;
})

arr1.forEach(x => {//和 for 一样的用法,迭代整个数组
	console.log(x);
})

let arr4 = arr1.map(x => {//map可以返回新的数组,是对于每一个元素返回
	return x % 2 == 0;
})

let arr5 = arr4.filter(x => {//filter是返回新的数组,但是数组是被filter过滤的,为true才会返回,否则不会返回
	return x % 2 != 0;
});

let sum = arr1.reduce(function(x,y){//reduce 这个方法,有两个参数,第一个是回调函数,第二个是初始值,回调函数有四个参数,第一个是初始值,或者是计算之后的值,第二个当前的值,第三个是当前索引,第四个是调用reduce的数组
	return x + y;
})
console.log(sum);//求和很有用
console.log(show1);

数组的基本方法:尾部增加push,尾部删除pop,头部增加unshift,头部删除shift

let arr = [1,3,5,7,9];
let arr2 = arr[Symbol.iterator]();

for(let x of arr){
	console.log(x);//for ...  of  迭代数组
}
console.log(arr2.next().value);//1
console.log(arr2.next().value);//3
console.log(arr2.next().value);//5
console.log(arr2.next().value);//7
console.log(arr2.next().value);//9
console.log(arr2.next().value);//undefined

let arr1 = arr.entries();//enteries  获取健值对[key,value],key是下标,value是值
console.log(arr1.next().value);//[0,1]
console.log(arr1.next().value);//[1,3]
console.log(arr1.next().value);//[2,5]
console.log(arr1.next().value);//[3,7]
console.log(arr1.next().value);//[4,9]
console.log(arr1.next().value);//undefined

let arr1 = arr.keys();//keys  是获取的key,即下标

console.log(arr1.next().value);//0
console.log(arr1.next().value);//1
console.log(arr1.next().value);//2
console.log(arr1.next().value);//3
console.log(arr1.next().value);//4
console.log(arr1.next().value);//undefined

let arr1 = arr.values();//values  获取的是value值,即数组每一个的元素

console.log(arr1.next().value);//1
console.log(arr1.next().value);//3
console.log(arr1.next().value);//5
console.log(arr1.next().value);//7
console.log(arr1.next().value);//9
console.log(arr1.next().value);//undefined

let arr2 = [0,1,2,3,4,5,6,7,8,9]
let arr1 = Array.from(arr2,x => { return x % 2 == 0})//Array.from()两个参数,第一个是要copy的数组,第二个是一个回调函数,每一个数组元素都会执行,然后返回值
let arr3 = Array.from(arr2);//拷贝数组

arr3[0] = 1;
console.log(arr2);
console.log(arr1);//[true,false,true,false,true,false,true,false,true,false]
console.log(arr3);//[1,1,2,3,4,5,6,7,8,9]

let arr1 = [1,2,3,4,5,6];
let arr2 = Array.of(...arr1);//Array.of() 也是拷贝数组  ...是展开的意思
arr2[0] = 0;
console.log(arr2);//[0,2,3,4,5,6]

let arr = Array(6).fill(1);//fill()方法是用于填充数组的,有三个参数,第一个是用于填充数组的值,第二个是从下标几开始填充,第三个参数是从下标几结束,填充不包含结束下标
arr.fill(2,0,2);//[2,2,1,1,1,1]

arr.fill({
	'name':'',
	'age':0,
	'job':'student'
})//这个方法适合给数组填充初始值

console.log(arr);

let arr = [1,2,3,4,5,6];

arr.copyWithin(1,3,5);//copyWithin()方法用做把数组哪些数值放到哪个位置上,有三个参数,第一个参数是数值放到的位置,第二个参数是从下标几开始拿数值,第三个参数是到下标几结束,拿到的数值不包含结束数值

console.log(arr);//[1,4,5,4,5,6]

let arr = [1,10,2,9,4,3,11,6,12,5,13,8,7,15,14];

arr.reverse();//reverse()方法是把数组反过来的
arr.sort();//sort()是排序方法,但是他是把数值变成字符串再进行排序,所以现在排序出来的是不正确的,我们可以自己写排序方法
arr.sort((a,b) => {//a - b 如果是正数,互换(a > b,但是b在a的前面,所以为升序) b - a 如果是正数,互换(b > a,b在a的前面,所以为降序)
	return b - a;
})

console.log(arr);

let arr = [1,2,3,10,1,4,5,1];

console.log(arr.indexOf(1));//0  indexOf()返回的是查到数值的第一个位置
console.log(arr.lastIndexOf(1));//7  lastIndexOf()返回的是查到数值的最后一个位置

let arr = [1,2,3,4,5,6,7];
console.log(arr.includes(1));//该数组是否有这个数值,如果有就返回true,如果没有就返回false
console.log(arr.includes(1,1));//第一个参数为要查找的元素,第二个参数为从哪个下标开始查找

let arr = [1,2,3,4,5,6,7];
let arr1 = [{'a':1},{'b':2}]
console.log(arr.toString());//1,2,3,4,5,6,7  将数组转成字符串
console.log(arr1.toString());//[object Object],[object Object]
console.log(JSON.stringify(arr1));//[{"a":1},{"b":2}]
console.log(arr.join('.'));//1.2.3.4.5.6.7 将数组转成以什么为分隔符的字符串 
console.log(arr1.join('+'));//[object Object]+[object Object]

类型数组:new TypedArray(arrayLength)  没有细细研究,感觉用处不大(暂时),哎。。。。有童鞋了解的评论说一说


  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值