Java Script 笔记(一)

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

前言

Java Script一些笔记

一、变量类型 let,const,var

var(不常用)
let:可以重复定义
const:常量,不能重复定义

二、使用 调用字符串

代码如下（示例）：

const firstName = 'Lao';
    const lastName = 'Bao';
    const birthYear = 1978;
    const a ="I'm"+' ' + firstName +' '+ lastName + ' '+'birth at'+' '+ birthYear;
    const b = `I'm ${firstName} and I am birthed at ${birthYear}`;
    console.log(b);

三、function

    function calAge(birthYear){
      return new Date().getFullYear()-birthYear;
    }

    //function expression
    const calAge2 = function(birthYear) {
      return new Date().getFullYear()-birthYear;
    }
    // 匿名函数
    const calAge3 = () => new Date().getFullYear();
    console.log(calAge3())

四、类/数组对应

    const laobao = {
      firstName:'lao',
      lastName:'bao',
      birthYear:'2022',
      job:'teacher',
      students:['ma','ming','wo'],

      calAge: function(){
        console.log(this);
        return 2037 - laobao.birthYear;
      }
    };
    const arr = [2,3,4];
    const [stu1,stu2,stu3] = laobao.students;
    const {students, job} = laobao;
    console.log(students);

五、数组

1 添加元素

    const laobao = {
 	firstName: 'lao',
	 lastName: 'nao',
 	age: 2043 - 1978,
	 job: 'teacher',
	 students: ['xiaoma', 'xiaowang', 'xiaoliu']
	}
	laobao.wechat = 'cogito';
	laobao.locetion = 'shanghai'
	console.log(laobao);

2 扩展符…应用

   const arr1 = [7, 8, 9, 10];
	const newArr = [1, 2, ...arr];
	console.log(newArr);

3 输出数组中同意标签下的内容

const programings = [
      {
        "id":1,
        "name":"javascript1",
      },
      {
        "id":2,
        "name":"javascript2",
      },
      {
        "id":3,
        "name":"javascript3",
      },
      {
        "id":4,
        "name":"javascript4",
      },
    ];
// for -of
    for (const p of programings){
      console.log(p.id, p.name);
    }
// for -each
	programings.forEach(function(p){
	 console.log(p.id, p.name);
})
// map
    programings.map(function (p){
      console.log(p.id, p.name);
    })

输出

1 "javascript1"
2 "javascript2"
3 "javascript3"
4 "javascript4"

五、filter && find

// filter 返回的是满足要求的数组
// option 1
const account = [200, 500, -300, 3700, 700, 100, -800, -210, 4000];
const ret = account.filter(function(acc){
 return acc < 0;
})
console.log(ret);
// option 2 
const ret1 = account.filter( element => element < 0)
console.log(ret1);
// find 返回的是数组中的第一个元素
const ret2 = account.find( element => element < 0)
console.log(ret2);

ret && ret1:[-300,-800,-210]  ret2: -300