一、基本类型:number,string,boolean,undefined,null


  1. <script>
  2. var num=10;
  3. var str="hello world"; //带有"" ''的都叫字符型
  4. var b=true;
  5. console.log(typeof num)
  6. console.log(typeof str)
  7. console.log(typeof b)
  8. </script>

无标题.png

二、引用类型:Array,Function,JSON Object


1.Array

A.如何判断一个对象是不是数组? Array.isArray(arr)

B.如何获取数组的长度? arr.length

C.如何获取数组最后一位的值? arr[arr.length-1]

  1. <script>
  2. /* Array,Function,JSON Object */
  3. /* 1.声明一个数组 */
  4. var arr=["html","css","js"];
  5. /* 2.判断一个对象是不是数组 */
  6. console.log(Array.isArray(arr))
  7. /* 3.读取数组的值 */
  8. console.log(arr[0])
  9. console.log(arr[2])
  10. /* 4.length属性可以获取数组的长度 */
  11. console.log(arr.length)
  12. /* 5.获取数组的最后一位的值 */
  13. console.log(arr[arr.length-1])
  14. </script>

无标题.png

2.Function

  • 函数的概念 ```html
  1. ![无标题.png](https://cdn.nlark.com/yuque/0/2019/png/402732/1566608821967-9ebdd233-c283-4b83-9602-751d3c44c034.png#align=left&display=inline&height=77&name=%E6%97%A0%E6%A0%87%E9%A2%98.png&originHeight=77&originWidth=130&size=1648&status=done&width=130)
  2. - 函数的参数
  3. ```html
  4. <script>
  5. var x=20;
  6. /* 函数的参数是局部变量 */
  7. function go(x,y){
  8. console.log(x); //寻找离它最近的值
  9. console.log(x+y)
  10. }
  11. go(30,40)
  12. </script>

捕获.PNG

  1. <script>
  2. /* window
  3. 在javascript中声明的全局变量是window的属性
  4. 声明的方法是window的方法
  5. */
  6. var a=10;
  7. console.log(window.a)
  8. </script>

无标题.png

3.Json对象

A.如何读取对象属性的值? (cheng.name)(对象名.属性)

如果属性名是变量的情况下,使用中括号去读取 cheng[“name”]

B.如何读取对象的所有属性? Object.keys(cheng)

读取对象所有的value值 Object.values(cheng)

C.如何对一个对象进行遍历? for…in…

  1. <script>
  2. /* json对象 */
  3. var cheng={
  4. "name":"wangyuhuan",
  5. age:20,
  6. sex:"女"
  7. }
  8. /* 2.读取对象属性的值 */
  9. console.log(cheng.name)
  10. /* Tip:如果属性名是变量的情况下,使用中括号去读取 */
  11. console.log(cheng["name"])
  12. /* 3.给对象新添加一个属性 */
  13. cheng.love="看电影"
  14. console.log(cheng)
  15. /* 4.读取对象所有的属性 */
  16. console.log(Object.keys(cheng))
  17. /* 5.读取对象所有的value值 */
  18. console.log(Object.values(cheng))
  19. /* 6.for in */
  20. for(var k in cheng){
  21. console.log(k)
  22. console.log(cheng[k])
  23. }
  24. </script>

无标题.png