09-for.html 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. <script>
  8. var arr = ["apple", "orange", "banana"]
  9. for (var i = 0; i < arr.length; i++) {
  10. console.log(arr[i])
  11. }
  12. // Array也可以看做是对象
  13. // 此时元素的索引被看做是对象的属性
  14. for(var i in arr){
  15. console.log(i)
  16. console.log(arr[i])
  17. }
  18. // 和java中的增强for循环 有较大不同
  19. var person = {
  20. // 格式: 属性名:属性值, 属性名:属性值
  21. "name": "张三",
  22. "age": 20,
  23. "interests": ["篮球", "足球", "乒乓球"],
  24. "info": function(){
  25. console.log(this.name + "的年龄" + this.age + ",喜欢的运动有:")
  26. // 对数组元素的遍历
  27. for (var i = 0; i < this.interests.length; i++) {
  28. console.log(this.interests[i])
  29. }
  30. }
  31. }
  32. // 对象其实是一种key value的形式
  33. for(var key in person){
  34. console.log(key)
  35. }
  36. // 过滤掉继承获取的属性
  37. for(var key in person){
  38. if(person.hasOwnProperty(key)){
  39. console.log(key)
  40. }
  41. }
  42. // while
  43. var n = 10
  44. while(n > 0){
  45. n = n - 2
  46. }
  47. console.log(n)
  48. </script>
  49. </head>
  50. <body>
  51. Hi For
  52. </body>
  53. </html>