Java 日期时间处理及格式化处理

8月21日学习笔记:BL604 传感器数据上传华为云

  返回  

任务03-01

2021/8/21 22:42:15 浏览:

一、如何引入JavaScript

1.内嵌式:

<script>

    alert("保存密码!")

  </script>
2.外联式:

<script src="app.js"></script>

 二、console用法

1.console.log():在控制台可以打印数字,字符串,字典,数组,变量。
2.console.warn():在控制台打印警告。
3.console.error():在控制台打印错误。
4.console.clear():清空控制台。

三、变量

1.变量的关键字:var,let,const(定义常量,不能修改常量的值,定义常量一定要赋值。)。

2.变量的命名方式:以字母,数字,_,$,不能以数字开头。

3.定义对象,不可重复定义

const person={

  name3:"梧桐",

  age:32

};

//修改变量的值。

person.name3="槐树";

person.age=23;

console.log(person);

 四、数据类型

1.基本数据类型:String(字符串),Number(数值),Boolbean(布尔),Null(空),Undefined(未定义),Symbol(符号)。

2.引用数据类型:Object(对象)。

3.检查数据类型语句:console.log(typeof 变量名);.

 五、类型转换

1.转换字符串:第一种:用变量名=String(待转换的东西);第二种:变量名=(待转换的东西).toString()。

2.转换数字:第一种:用变量名=Number(待转换的东西);第二种:变量名=parseInt('待转换的东西')。(其中parseInt()和parseFloat()之中parseInt()不能指定精度)。

3.字符串的连接:字符串连接,首个是字符串,剩下的也按照字符串来计算。

const val1=String(5);

const val2=6;

const sum = val1+val2;

console.log(sum);

console.log(typeof sum);

结果:56 string

 六、数值运算

1.加减乘除都可以运算。

2.Math对象的用法:PI(圆周率),round(四舍五入),ceil(向上求整),floor(向下球求整),sqrt(平方),abs(绝对值),min(最小值),max(最大值),random(随机数)。

 七、字符串方法

1.//拼接

let val;

val = firstName + lastName;

7.1//空格拼接

val = firstName + " " + lastName;

7.2//append 追加

val = "Henry";

val += "Wu";

val = "Hello,my name is "+firstName+"and I am "+age;

7.3//转义(" ' ' ")

val = "This's diaosiyuan,she is a good person";

7.4//获取长度

val = firstName.length;

7.5//concat 拼接

val=firstName.concat(' ',lastName);

7.6//大小写转化

val = firstName.toUpperCase();

val = firstName.toLowerCase();

7.7//字符串下标

val = firstName[0];

val = firstName.indexOf('l');

val = firstName.lastIndexOf('l');

//charAt

val = firstName.charAt('2');

7.8//获取最后一个字符

val = firstName.charAt(firstName.length-1);

7.9//获取子字符串

val = firstName.substring(0,4);

7.10//slice

val = firstName.slice(0,4);

val = firstName.slice(-3);

7.11//转换为数组

val = str.split(" ");

val = str.split(",");

console.log(val);

 八、模板字符串

1、没有模板字符串

html = '<ul><li>Name:'+name+'</li><li>Age:'+age+'</li><li>job'+job+'</li><li>city'+city+'</li></ul>';

2、模板字符串

html = `

<ul>

  <li>Name:${name}</li>

  <li>Age:${age}</li>

  <li>Job:${job}</li>

  <li>City:${city}</li>

  <li>${age>30?'Over 30':'Under 30'}</li>

</ul>`;

document.body.innerHTML = html;

 九、数组方法

const numbers = [1,23,4,5,21,56];

const numbers2=new Array(22,34,45,213);

const friut =['apple','pear','orange','banana'];

const mixed = ['hello',true,{a:1,b:2},new Date()];

let val;

9.1//获取长度

val = numbers.length;

9.2//检查是不是数组

val = Array.isArray(numbers2);

9.3//获取数组单个元素

val = numbers2[1];

9.4//更改某个元素的值

numbers2[2]=100;

9.5//查找元素下标位置

val = numbers.indexOf(3);

9.6//添加和删除

numbers2.push(250);

9.6.1//前面添加

numbers2.unshift(120);

9.6.2//后面删除

numbers2.pop();

1.6.3//前面删除

numbers2.shift();

9.6.4//删除多个

numbers2.splice(1,2);

9.7//反转

numbers2.reverse();

9.8//数组的拼接

val = numbers2.concat(numbers);

9.9//排序

val = friut.sort();

val = numbers2.sort();

9.10//正常的排序数值

val = numbers2.sort(function(x,y){

  return y-x;//逆序 x-y 正序

})

 十、对象

10.1创建对象:const person ={

  firstName : "迷失特务",

  lastName : "Wu",

  email:"1791210155@qq.com",

  hobbies:['sport','music'],

  getBirthYear:function(){

    return 2018 - this.age;

  }

}

let val;

 val = person;

 10.2获取单个属性

 val = person.firstName;

 val= person['lastName'];

 val = person.age;

 val = person.hobbies[1];

 console.log(val);

10.3数组对象的嵌套

 const people = [

   {name:'Look',age:30},

   {name:'Lucy',age:30},

   {name:'Hello',age:30}

 ];

 for (let i = 0;i<people.length;i++){

   console.log(people[i],name);

 }

 十一、日期

let val;

const today = new Date();

11.1设置日期

let birthday = new Date('1999-10-12 11:24');

birthday = new Date('September 12 1988');

birthday = new Date('9/10/1997');

val = birthday;

11.2得到相对应的时间节点

val = today.getMonth();//月份

val = today.getDate();//日

val = today.getDay();//星期几

val = today.getFullYear();//年份

val = today.getHours();

val = today.getSeconds();

val = today.getMilliseconds();

val = today.getTime();

birthday.setMonth(2);

birthday.setDate(21);

11.3设置自己想要的时间

birthday.setFullYear(1987);

birthday.setMinutes(24);

birthday.setSeconds(12);

birthday.setHours(13);

 十二、分支语句

1.if('条件'){}
2.条件有:关系运算符,逻辑运算符,最终结果均为boolean。
        2.1关系运算符:>,<,==,>=,<=,!=,===,!==(===,!==还需要比较两者的数据类型是否相同。)。
        2.2逻辑运算符:&&(and,全部为真的时候为真),||(or,全部为假的时候为假),!(取反)。

3.switch:switch(条件){

                        case 值:

                                等式;

                                break;跳出,否者会有穿透影响(不出现break时候就会一直执行,直到遇到break。)

                        default 值:(默认值,当没有以上的case的值时候,执行default里面的。)

                                break;

                }

 十三、循环

1.for循环:for(let i = 0;i<=10;i++){}

        1.1break:跳出循环;

        1.2continue:跳出本次循环。

2.while循环:while(条件){}

3.do...while循环:do{}while(条件);

4.for循环配合数组。

5.foreach:变量名.foreach(function(变量名,index,array)){

                                        console.log(变量名,index,array);
                                });

十四、函数

14.1函数定义

//无返回值,无参数

function greet(){

  console.log('Hello');

}

//有返回值,无参数

function greet(){

  //返回值停止代码的执行

  // return 'Hello';

  return {a:1,b:2};

}

// //有参数无返回值

// function greet(firstName="形参"){

//   // if(typeof firstName == 'undefined') firstName = '刁';

//   console.log('Hello'+firstName);

// }

//有参数有返回值

// function greet(firstName="形参"){

//   return 'Hello'+firstName;

// }

14.2函数调用

// greet("实参");

// console.log(greet());

14.3函数表达式

// function square(x){

//   return x*x;

// }

// const sauare = function(x=2){

//   return x*x;

// }

// console.log(square(3));

14.4自执行函数

(function(){

    console.log('自执行函数');

  }

)();

(function(name){

  console.log('自执行函数'+name);

}

)('diao');

14.5属性函数

const todo ={

  add:function(){

    console.log('Add todo...');

  },

  edit:function(id){

    console.log('Add todo...'+id);

  }

};

todo.delete=function(){

  console.log('Delete todo...')

};

todo.add();

todo.edit(12);

todo.delete();

 十五、window对象

15.1输出内容window.console.log('Hello');

15.2alert弹窗

// window.alert('Hello');

//prompt

// const input = prompt();

// alert(input);

15.3confirm选择弹窗

// if(confirm('Are you sure?')){

//   console.log('Yes');

// }else{

//   console.log('No');

// }

let val;

15.4窗口大小

val = window.outerHeight;

val = window.outerWidth;

15.5可视大小

val = window.innerHeight;

val = window.innerWidth;

15.6滚动大小

val = window.scrollX;

val = window.scrollY;

15.7location:主机内容

val = window.location;

val = window.location.hostname;

val = window.location.port;

val = window.location.href;

val = window.location.search;

15.8Redirect:重定向

// window.location.href="https://www.baidu.com";

// window.location.reload();

15.9History:历史

// window.history.go(-3);//打印历史记录

// val = window.history.length;

15.10Navigator:浏览器的内容

val = window.navigator;

val = window.navigator.appName;

val = window.navigator.appVersion;

val = window.navigator.userAgent;

val = window.navigator.platform;

val = window.navigator.language;

console.log(val);

 十六、变量作用域

1.全局变量(var,let,const都可以声明全局变量,但是var没有域的概念)。

2.局部变量(除去var)只可以在{}中使用。

联系我们

如果您对我们的服务有兴趣,请及时和我们联系!

服务热线:18288888888
座机:18288888888
传真:
邮箱:888888@qq.com
地址:郑州市文化路红专路93号