Day2.简单了解2 - 个人笔记

对象数组和JSON#

对象数组和JSON格式上相似，有如下区别：

JSON是一种轻量级的数据交换格式，而对象数组是一种在JavaScript中常用的数据结构。 JSON是一种文本格式，而对象数组是一种JavaScript对象。 JSON只能表示简单的数据类型（如字符串、数字、布尔值、数组和对象），而对象数组可以表示更复杂的数据类型（如函数、日期、正则表达式等）。 JSON数据必须是双引号括起来的字符串，而对象数组可以使用单引号或双引号括起来的字符串。 JSON数据只能表示键值对，而对象数组可以包含任意数量的属性。 JSON数据只能表示简单的结构，而对象数组可以表示更复杂的结构（如嵌套数组和对象）。

1
let todos = [
2
    {
3
        id: 1,
4
        title: "学习HTML",
5
        completed: true
6

7
    },
8
    {
9
        id: 2,
10
        title: "学习CSS",
11
        completed: false
12
    },
13
    {
14
        id: 3,
15
        title: "学习JavaScript",
16
        completed: false
17
    }
18
]
19
console.log(todos)
20
console.log(todos[2].title)
21

22

23
//转化
24
const todoJSON = JSON.stringify(todos)
25
console.log(todoJSON)
26

27
//再转回去
28
const JSON1 =  '[{"id":1,"title":"title1","completed":true},{"id":2,"title":"学习CSS","completed":false},{"id":3,"title":"学习JavaScript","completed":false}]'
29
const todoObj = JSON.parse(JSON1)
30
console.log(todoObj)

输出结果：

1
[
2
  { id: 1, title: '学习HTML', completed: true },
3
  { id: 2, title: '学习CSS', completed: false },
4
  { id: 3, title: '学习JavaScript', completed: false }
5
]
6
学习JavaScript
7
[{"id":1,"title":"学习HTML","completed":true},{"id":2,"title":"学习CSS","completed":false},{"id":3,"title":"学习JavaScript","completed":false}]
8
[
9
  { id: 1, title: 'title1', completed: true },
10
  { id: 2, title: '学习CSS', completed: false },
11
  { id: 3, title: '学习JavaScript', completed: false }
12
]

if，一些运算符，switch语句，for循环,while循环#

1
const a = 10
2

3
if (a == 10) {
4
    console.log("a等于10")
5
}
6
//=== 严格等于，不仅要值相等，还要类型相等
7
if (a === 10) {
8
    console.log("a等于10")
9
}
10

11
if (a === "10") {
12
    console.log("a等于\"10\"")
13
} else if (a > 10) {
14
    console.log("a大于10")
15
} else {
16
    console.log("a不等于\"10\"")
17
}
18
// ||表示或        &&表示和
19
//与c++类似
20

21

22
//三目运算符 也与c++类似
23
const b = a>10?"a大于10":"a不大于10"
24
console.log(b)
25

26

27
//switch 用法仍然与c++类似
28
//若不加break，则会继续执行后续所有case
29
const c = red
30
switch (c) {
31
    case "red":
32
        console.log("c等于red")
33
        break;
34
    case "green":
35
        console.log("c等于green")
36
        break;
37
    default:
38
        console.log("c不等于red或green")
39
        break;
40
}

循环：

1
//仍然与c++类似
2
for(let i = 0;i<5;i++){
3
    console.log(i)
4
}
5

6
let i = 0
7
while(i<5){
8
    console.log(i)
9
    i++
10
}
11

12
//中括号数组大括号对象
13
let todos = [
14
    {
15
        id: 1,
16
        title: "学习HTML",
17
        completed: true
18
    },
19
    {
20
        id: 2,
21
        title: "学习CSS",
22
        completed: false
23
    },
24
    {
25
        id: 3,
26
        title: "学习JavaScript",
27
        completed: false
28
    }
29
]
30
for(let i = 0;i<todos.length;i++){
31
    console.log(todos[i].title)
32
}
33
//或者
34
for (let todo of todos){
35
    console.log(todo.title)
36
}

输出结果：

1
0
2
1
3
2
4
3
5
4
6
0
7
1
8
2
9
3
10
4
11
学习HTML
12
学习CSS
13
学习JavaScript
14
学习HTML
15
学习CSS
16
学习JavaScript

简单了解就到这里，接下来会是更加深入的学习