1. 1-6 遍历
  2. forEach();
  3. map();
  4. some();
  5. every();
  6. for-of;
  7. filter();
  8. findIndex();
  9. find();

1-1 forEach

  1. var arr=[1,2,3,4];
  2. arr.forEach((item,index)=>{
  3. console.log(item+"--"+index)
  4. item+=2;
  5. })//1--0 2--1 3--2 4--3

1-2 of

  1. var arr=[1,2,3];
  2. for(var i in arr){
  3. // console.log(i)
  4. }
  5. var res=arr.map(item=>{
  6. return item*2
  7. })
  8. console.log(arr);
  9. console.log(res);2 4 6
  10. 例子
  11. 方法1
  12. var arr=[
  13. {name:"html",value:"12px"},
  14. {name:"css",value:"13px"},
  15. {name:"vue",value:"11px"},
  16. ]
  17. // var arr=[
  18. // {name:"html",value:24},
  19. // {name:"css",value:26},
  20. // {name:"vue",value:22},
  21. // ]
  22. arr.map(item=>{
  23. var value=parseInt(item["value"])*2;
  24. return item["value"]=value;
  25. })
  26. console.log(arr);
  27. 方法2
  28. var arr = [
  29. { name: "html", value: "12px" },
  30. { name: "css", value: "13px" },
  31. { name: "vue", value: "11px" },
  32. ]
  33. var res=[]
  34. for(var key in arr){
  35. arr[key].value=parseInt(arr[key].value)*2;
  36. res.push(arr[key]);
  37. }
  38. console.log(res);

1-3 map 方法

可以改变数组的每一项,变成一个新数组

  1. var arr = [2,3,4,5]
  2. var res = arr.map((item=>{
  3. return item*2
  4. }))
  5. console.log(arr); // [2,3,4,5]
  6. console.log(res); // [4,6,8,10]
  1. var arr=[1,2,3];
  2. var res=arr.map(item=>{
  3. return item*3;
  4. })
  5. console.log(arr);
  6. console.log(res);
  7. var obj=[{name:"meng",age:21},{age:"zhang",age:13}];
  8. var result=obj.map(item=>{
  9. return item.age=0;
  10. })
  11. console.log(result);
  12. console.log(obj);

1-4 some 方法

  • 只要数组中有一项满足条件,就输出true ```javascript var arr = [1,2,3,4,5]

var res = arr.some(item =>{ return item>3 }) console.log(res); // true

  1. <a name="gH4Fs"></a>
  2. ## 1-5 every 方法
  3. - `数组中的每一项满足条件,才输出true`
  4. ```javascript
  5. var arr = [1,2,3,4,5]
  6. var str = arr.every(item => item >2)
  7. console.log(str); //false

1-6 findeIndex 方法

  1. // 找到符合条件的就返回
  2. var arr = [1,2,3,2]
  3. var index = arr.findIndex(item=>{
  4. return item == 2;
  5. })
  6. console.log(index); //1

1-7 filter 方法 (筛选,过滤)

  1. // 查找符合条件的元素,主要用于筛选
  2. var arr =[1,2,3,4,5]
  3. var res = arr.filter(item =>item>2)
  4. console.log(res);
  1. var arr=[
  2. {city:"北京",state:true,spell:"beijing"},
  3. {city:"武汉",state:true,spell:"beijing"},
  4. {city:"武昌",state:true,spell:"beijing"}]
  5. var keyword="武"
  6. var res=arr.filter(item=>{
  7. // if(item.city.includes(keyword) || item.spell.includes(keyword)){
  8. // return item
  9. // })
  10. return item.city.includes(keyword)
  11. })
  12. console.log(res)

对对象进行遍历

  1. //读取变量要通过中括号的方式读取
  2. var obj={
  3. 1001:false,
  4. 1002:false,
  5. 1003:false,
  6. }
  7. for(let key in obj){
  8. if(key=="1003"){
  9. obj[key]=true
  10. }
  11. }
  12. console.log(obj)