0226 JS数组遍历与函数使用

Js数组的遍历

• Js数组的遍历方法
• for in
• for of

• forEach
  我们准备一个数组一个对象
  arr = [1,2,3,4,5,6];
  obj = { 0:0, 1:1,2:2,3:3, length: 4, name: xiaoyu };
  这边直接看我的代码！

  1. var arr = [1, 2, 3, 4, 5, 6];
  2. var obj = {
  3. 0:0,
  4. 1:1,
  5. 2:2,
  6. 3:3,
  7. length: 4,
  8. name: 'xiaoyu'
  9. };
  10. for(var i = 0;i<arr.length;i++){
  11. console.log(arr[i]);
  12. }
  13. console.log('------------');
  14. for(var i = 0;i<obj.length;i++){
  15. console.log(obj[i]);
  16. }
  17. console.log('------------');
  18. for(var i in arr){
  19. console.log(i);
  20. }
  21. console.log('------------');
  22. //所以病不推荐遍历数组使用for in for in会将对象也遍历出来
  23. for(var i in obj){
  24. console.log(i);
  25. }
  26. console.log('------------');
  27. arr.forEach(function(item,arr){
  28. console.log(item);
  29. });
  30. //obj是对象数组也就是说是类数组所以我们要将他转换一下
  31. // obj.forEach(function(item,arr){
  32. // console.log(item);
  33. // });
  34. console.log('------------');
  35. Array.prototype.forEach.call(obj,function(item){
  36. console.log(item);
  37. })

  
  
  总结一下数组遍历forin不推荐拿来遍历数组因为他会将类数组的全部成员遍历

  
  

  函数使用

  函数是JS中的一等公民

  
  

• 函数允许反复声明(最后一个生效为准);

  
  
• 函数可以用于赋值
• 函数可以是对象属性
• 函数可以是回调
• 函数可以是返回值
• 函数也有属性 name,length
• 函数也有方法 toString()返回函数代码

接下来看我的实现代码

1. //函数的使用场景
2. function add(a,b){
3. return a+b;
4. }
5. //1.赋值
6. var sum = add;
7. // console.log(sum(1,2));
8. //2.对象属性
9. var obj = {
10. demo : add,
11. }
12. // console.log(obj.demo(1,4));
13. //3.函数当参数用来:回调
14. function func1(callback,a,b){
15. return callback(a,b);
16. }
17. // console.log(func1(add,10,10));
18. //4.函数当返回值
19. function func2(){
20. return add;
21. }
22. // console.log(func2()(6,60));

函数传参与PHP函数一样可以使用…剩余参数