一.push 是用来做什么的? 以此数组为例: sum=[12,34,56,78,89,50],写代码示范;
作用:像数组的末尾添加y一个或多个元素,并返回新数组长度;
<script>
var sum =[12,34,56,78,89,50];
sum.push('aaa');
console.log(sum);//打印出[12,34,56,78,89,50,'aaa']及数组长度
</script>
二.forEach的作用是什么?使用下列数组计算每个人的年龄?
<script>
var arr = [
{name: '小王',age: 50},
{name: '小李',age: 60},
{name: '小林',age: 85},
{name: '小明',age: 95}
]
var sum=0;
arr.forEach(item=>{
sum =item.name+':'+ item.age;
console.log(sum);
})
</script>
三.map 简写的作用?
通过指定函数处理数组的每个元素,并返回处理后的数组.
四.splice是用来做什么的,并自己举例?
作用: 从数组中添加或删除元素.
<script>
var arr=[1,2,3,4,5,6];
arr.splice(1,2)//从数组的第一位开始删除两个元素
console.log(arr);//打印出arr[1,4,5,6]
var arr=[1,2,3,4,5,6];
arr.splice(2,0,'aaa');//从数组的第二位开始添加一个新元素
console.log(arr);//打印出[1, 2, "aaa", 3, 4, 5, 6]
var arr=[1,2,3,4,5,6];
arr.splice(2,1,'aaa');//替换下标为2的元素
console.log(arr);//打印出[1, 2,'aaa', 4, 5, 6]
var arr=[1,2,3,4,5,6];
arr.splice(2,2,'aaa');//将从下标为2开始的两个元素替换为新元素
console.log(arr);//打印出[1, 2,'aaa', 5, 6]
</script>
五.filter 是用来做什么的?
作用:检测数组元素,并返回符合条件的所有元素的数组
将下列数据中的isHot为1的字段筛选出来:
<script>
var hotCity= [
{
"cityId": 110100,
"name": "北京",
"pinyin": "beijing",
"isHot": 0
},
{
"cityId": 310100,
"name": "上海",
"pinyin": "shanghai",
"isHot": 1
},
{
"cityId": 440100,
"name": "广州",
"pinyin": "guangzhou",
"isHot": 0
},
{
"cityId": 440300,
"name": "深圳",
"pinyin": "shenzhen",
"isHot": 1
}
]
es6写法
var newHotCity=hotCity.filter(item=>{
return item.isHot==1;
})
console.log(newHotCity);
js5写法
var newHotCity=hotCity.filter(function(item){
return item.isHot==1;
})
console.log(newHotCity);
</script>
六.说说 find 和 findIndex 的相同点和不同点.
相同点:都是符合测试(函数)条件的数组元素,
不同点:find返回的是符合条件的元素,findIndex返回的则是符合条件元素的下标.
七.将下列所有的数组方法,用代码运行一边,并写成简书 .
1. push 向数组的末尾添加一个或更多元素，并返回新的长度。
<script>
var arr=[1,2,3,4,5,6,7];
arr.push(2,3);
console.log(arr)//打印[1,2,3,4,5,6,7,2,3]
</script>
2.unshift 向数组的开头添加一个或更多元素，并返回新的长度。
<script>
var arr=[1,2,3,4,5,6];
arr.unshift(1);//返回长度7
console.log(arr)//打印[1,1,2,3,4,5,6]
</script>
3.pop 删除数组的最后一个元素并返回删除的元素。
<script>
var arr=[1,2,3,4,5,6];
arr.pop();//返回6
console.log(arr);//[1,2,3,4,5]
</script>
4.shift 删除并返回数组的第一个元素(知道即可,用得很少)。
<script>
var arr=[1,2,3,4,5,6];
arr.shift();//返回1
console.log(arr);//[2,3,4,5,6]
</script>
5. reverse 反转数组的元素顺序。
<script>
var arr=[1,2,3,4,5,6];
arr.reverse()
console.log(arr)//[6,5,4,3,2,1]
</script>
6. find 返回符合传入测试（函数）条件的数组元素。
<script>
var arr=[1,2,3,4,5,6];
var num=arr.find(function(item){
return item ==5;
})
console.log(num);
</script>
7. findIndex 返回符合传入测试（函数）条件的数组元素索引。
<script>
var arr=[1,2,3,4,5,6];
var num=arr.findIndex(function(item){
return item ==5;
})
console.log(num);//打印4
</script>
8. slice 选取数组的的一部分，并返回一个新数组。
<script>
var arr=[1,2,3,4,5,6];
var newarr=arr.slice(2,4);
console.log(newarr)//打印[3,4]
</script>
9. splice 从数组中添加或删除元素。
<script>
var arr=[1,2,3,4,5,6];
arr.splice(1,2)//从数组的第一位开始删除两个元素
console.log(arr);//打印出arr[1,4,5,6]
var arr=[1,2,3,4,5,6];
arr.splice(2,0,'aaa');//从数组的第二位开始添加一个新元素
console.log(arr);//打印出[1, 2, "aaa", 3, 4, 5, 6]
var arr=[1,2,3,4,5,6];
arr.splice(2,1,'aaa');//替换下标为2的元素
console.log(arr);//打印出[1, 2,'aaa', 4, 5, 6]
var arr=[1,2,3,4,5,6];
arr.splice(2,2,'aaa');//将从下标为2开始的两个元素替换为新元素
console.log(arr);//打印出[1, 2,'aaa', 5, 6]
</script>
10. join 把数组的所有元素放入一个字符串。
<script>
var arr=[1,2,3,4,5,6];
arr.join();//返回"1,2,3,4,5,6"
</script>
11.forEach 迭代数组。
<script>
var arr = [
{name: '小王',age: 50},
{name: '小李',age: 60},
{name: '小林',age: 85},
{name: '小明',age: 95}
]
var sum=0;
arr.forEach(item=>{
sum =item.name+':'+ item.age;
console.log(sum);
})
</script>
12. map 通过指定函数处理数组的每个元素，并返回处理后的数组。
<script>
var arr = [
{
name: '张三',
age:28
},
{
name: '李四',
age:28
},
{
name: '陈武',
age:28
}
];
// js5
var newArr = arr.map(function(item){
return {
username: item.name,
age: item.age+10
};
})
console.log(newArr);
// es6
var newArr = arr.map(item=>{
return {
username: item.name,
age: item.age+10
};
})
console.log(newArr);
</script>
13. filter 检测数值元素，并返回符合条件所有元素的数组。
<script>
var arr=[
{name:'liu',age:23},
{name:'liu',age:24},
{name:'liu',age:26},
]
var newarr=arr.filter(item=>{
return item.age<25;
});
console.log(newarr)//打印{name:'liu',age:23},{name:'liu',age:24}
</script>
14. indexOf 搜索数组中的元素，并返回它所在的位置。
<script>
var arr = ['a','b','c','d'];
var index = arr.indexOf('c');
console.log(index); // 2
var index2= arr.indexOf('f');
console.log(index2); // 找不到返回-1
</script>
15. includes 判断一个数组是否包含一个指定的值
<script>
var arr = ['a','b','c','d'];
var b1 = arr.includes ('c');
console.log(b1); // true
var b2 = arr.includes ('f');
console.log(b2); // false
</script>
16. isArray 判断对象是否为数组。
<script>
var arr=[1,2,3];
Array.isArray(arr);//true
var obj={
name:'liu'
}
Array.isArray(obj);//false
</script>
16.sort 数组排序
<script>
var arr = [1,6,3,4];
arr.sort();
console.log(arr); // [1, 3, 4, 6]
// 例2 通过排序函数
var arr = [10,5,40,25,1000,1]
// 升序排列
// js5
arr.sort(function(a,b){
return a-b;
})
// es6
arr.sort((a,b)=> {
return a-b;
})
console.log(arr); // [1, 5, 10, 25, 40, 1000]
// 降序排列
// js5
arr.sort(function(a,b) {
// 升序排列
return b-a;
})
console.log(arr); // [1000, 40, 25, 10, 5, 1]
// es6
arr.sort((a,b)=> {
// 升序排列
return b-a;
})
console.log(arr); // [1000, 40, 25, 10, 5, 1]
</script>
