1
let boy = {
2
  name: 'Tonks'，
3
  age: 18,
4
  height: 180,
5
}
6
console.log(boy)
7

8
//对象的 修改 or 添加
9
boy.height = 175
10
boy.web = "https://drtonks.github.io/myblog.github.io/"
11
console.log(boy)
12

13
//delete关键字。用法与其他有区别。
14
delete boy.gender
15

16
//has。用法与其他有区别。
17
let has = "gender" in boy
18
console.log(has) //-->false
19

20
//获取属性key or value
21
Object.keys(boy)
22
Object.keys(boy).length

1
for(let key in boy){
2
  console.log("forInKey",key,"value",boy)
3
}  //value直接对应对象的属性值

1
Object.entries(boy) //这条语句是个二维数组
2
Object.entries(boy).forEach(([key,value])=>{
3
  console.log("key",key,"v",value)
4
})

1
boy = {}

1
let boy = new Map{[
2
  ["name","Tonks"],
3
  ["age","18"]
4
]}

1
boy.set("height",180)
2
console.log(boy)
3
boy.delete("name")//删除“名字”和键对应项
4
console.log(boy)
5

6
console.log(boy.has("name")) //false
7

8
//size
9
console.log(boy.size)  //-->2

1
for(let value of boy){
2
  console.log("v",value)
3
}
4
//解构
5
for(let [key,value] of boy){
6
  console.log("k",key,"v",value)
7
}//键值打印
8
boy.forEach(value,key)=>{
9
  console.log("k",key,"value",value)
10
}//顺序不能错，forEach先找value再找key

1
let age = new set{1,2,3,2,1}

1
console.log(age)

1
add/delete:加上/删去指定元素
2
has：判断是否元素在其中，返回布尔值

1
//Array.from()和...扩展运算符有时能有一样的效果
2
let me = "Dr.Tonks"
3
let meArr= [...me]
4
console.log(meArr) //-->["D","r",".","T"...]
5
//中文同理
6
//对set也可以使用for of和forEach，但是没有索引--索引是自己。
7
//集合无序

1
let numberArr = [1,2,3,3,2,1]
2
let numberSet = new Set(numberArr)// -->[1,2,3]

1
let arr=[10,11]
2
console.log("arr",arr)  //-->[10,11]
3

4
//push:在结尾添加并且返回数组
5
let arrLength = arr.push(12,13)
6
console.log("arr",arr)  //-->[10,11,12,13]
7
console.log("arrLength",arrLength)  //-->4
8
//unshift:在开头添加并返回
9

10
//shift:删除数组中的第一个元素，并返回被删除函数
11
let del = arr.shift()
12
console.log("del",del) //-->10
13
//pop:删除最后一个
14

15
//splice:删除元素，并返回被删除元素
16
arr.splice(要删除的元素索引位置（从0索引）,要删除的元素数量)

1
//sort
2
let arr=[1,99,6]
3
let arr2=["banana","apple","orange"]
4
arr2.sort //-->["apple","banana","orange"]默认按照首字母
5
arr.sort( (a,b) => a-b ) //-->[1,6,99],a>b时a排在b后
6

7
//filter
8
let arr3 = [10,11,12,13,14,15]
9
let newArr=arr3.filter((value,index)=>{
10
  return value>2
11
})
12
console.log("newArr",newArr) //-->[13,14,15]
13

14
//concat
15
let arr4=["a","b"]
16
let New=arr3.concat(arr4,19,20) //-->[10,11,12,13,14,15,"a","b",19,20]

1
//遍历
2

3
//for ...of
4
let arr5=["gg",100,9]
5
for(let item//参数 of arr5){
6
  console.log("for...of",item)
7
}
8

9
//forEach
10
arr5.forEach(value =>{
11
  console.log("forEach",value)
12
})
13

14
arr5.forEach((value,index) =>{
15
  console.log("value",value,"index",index)
16
})//index索引其数组位置

1
function getweb(){
2
  const url = window.location.href;     // 完整的 URL
3

4
  /*const protocol = window.location.protocol; // 协议
5
  const hostname = window.location.hostname;//主机名
6
  const port = window.location.port;        // 端口
7
  const pathname = window.location.pathname; // 路径
8
  const search = window.location.search;  // 查询字符串
9
  const hash = window.location.hash; */       // 锚点
10

11
  /*console.log("完整 URL:", url);
12
  console.log("协议:", protocol);
13
  console.log("主机名:", hostname);
14
  console.log("端口:", port);
15
  console.log("路径:", pathname);
16
  console.log("查询字符串:", search);
17
  console.log("锚点:", hash);*/
18

19
  return url
20
}
21
console.log(getweb())

1
//有参数
2
function add(number  /*  =10  默认*/  ){
3
  return number+10
4
}
5
//匿名函数
6
let sub = function(x,y){
7
  return x-y
8
}
9
console.log(sub(20,6)) //-->14

1
//箭头函数
2
let plus = (a,b)=>{
3
  return a+b
4
}
5
console.log(plus(20,9)) //-->29
6

7
//隐式返回
8
let plus2 = (a,b)=> a+b
9

10
console.log(plus2(20,9)) //-->29

1
class Person{
2
  name
3
  age
4

5
  constructor(iname,iage){      //构造函数,iname为传递进来的参数
6
    this.name = iname
7
    this.age = iage
8
  }
9

10
  info(){            //方法
11
    console.log("name",this.name,"age",this.age)
12
  }
13

14
}
15
//调用：
16
let person = new Person("Tonks",18)
17
person.info()

1
class Person{
2
  name
3
  #web
4
  constructor(name,web){
5
    this.name= name
6
    this.#web=web
7
  }
8
  info(){
9
    return "姓名"+this.name+"个人网站"+this.web
10
  }
11
}
12
let person = new Person("Dr.Tonks","https://drtonks.github.io/myblog.github.io/")
13
console.log(person.web) //输出undefined

1
class Person{
2
  name
3
  #web
4
  constructor(name,web){
5
    this.name= name
6
    this.#web=web
7
  }
8
  get web(){
9
    return this.#web
10
}
11
  info(){
12
    return "姓名"+this.name+"个人网站"+this.web
13
  }
14
}
15
let person = new Person("Dr.Tonks","https://drtonks.github.io/myblog.github.io/")
16
console.log(person.web) //获取网址

1
class Person{
2
  name
3
  #web
4
  constructor(name,web){
5
    this.name= name
6
    this.#web=web
7
  }
8
  get web(){
9
    return this.#web
10
}
11
  info(){
12
    return "姓名"+this.name+"个人网站"+this.web
13
  }
14
}
15
let person = new Person("Dr.Tonks","https://drtonks.github.io/myblog.github.io/")
16
person.web = "www.7k7k.com"
17
console.log(person.web) //无法获取7k7k网址,仍返回个人博客。
18

19
//修改：
20
class Person{
21
  name
22
  #web
23
  constructor(name,web){
24
    this.name= name
25
    this.#web=web
26
  }
27
  get web(){
28
    return this.#web
29
}
30
  set web(value){
31
    this.#web = value
32
  }
33
  info(){
34
    return `姓名:${this.name} 个人网站:${this.web}`
35
    //模板字符串：即"姓名"+this.name+"个人网站"+this.web，反引号用法类转义
36
  }
37
}
38
let person = new Person("Dr.Tonks","https://drtonks.github.io/myblog.github.io/")
39
person.web = "www.7k7k.com"
40
console.log(person.web)  //获取7k7k网址

1
//子类：可以有自己的方法 用extends构造
2
class Tonks extends Person{
3
  gender
4
  constructor(name,web,gender){
5
    super(name,web) //调用父类的构造函数
6
    this.gender = gender
7
  }
8
  eat(){
9
    return `${this.name}在吃饭`
10
  }
11
}
12
let tonks = new Tonks("Tonks","https://drtonks.github.io/myblog.github.io/","boy")
13
console.log(Tonks.web)//可调用父类方法/属性
14
console.log(Tonks.eat())//调用子类方法
15
console.log(Tonks.gender)//子类属性

1
let [x,y]=[1,2]
2
console.log(x,y)
3
//略过某些元素
4
let [,,,z,] = [1,3,2,56,7] //-->56
5

6
//扩展运算符
7
let [A,...B]=[1,2,3,4,5,6]
8
console.log("A",A,"B",B) //分别获取1和[2,3,4,5,6]
9

10
//默认
11
let [x,y]=[1] //y为undefined
12
let [x,y=200]=[1] //y为200
13

14
//两数交换
15
let x=10,y=20;
16
let [x,y]=[y,x]
17
console.log("x=",x,"y=",y)

1
let person ={
2
  name:"Tonks",
3
  gender:"man!",
4
  saying:"What can I say"
5
}
6
let {name} = person
7
console.log(name)
8
//同一模块下，如果下方还使用name会报错。使用重命名：
9
let {name:username,gender,saying} = person
10
console.log("name:",name,"gender:",gender,"saying:",saying)