js基础 7.27

文章目录

目录

目录

字符串截取

一元运算符和三元运算符

 延时器

定时器

时间补0

 打印动态时间

数组转字符串

字符串转数组

数组过滤器

 数组的splice 

map遍历数组

foreach遍历数组

构造函数

  创建对象的3种方法

总结

---

总结

---

前言

字符串截取     一元运算符三元运算符      定时器(setInterval)      延时器(setTimeout)   map映射

打印动态时间     数组的splice    数组过滤    字符串截取slice   数组转字符串   字符串转数组   构造

函数    时间补0    创建对象的3种方法

---

提示：以下是本篇文章正文内容，下面案例可供参考

字符串截取

1. slice(开始截取的索引,结束截取的位置)
2. 代码示例

   let str='123456'
   let n=str.slice(1,3);
   console.log(n);//23

3. slice(只有一个数,从索引处截到最后)
4. 代码示例 

   let str='123456';
   let n=str.slice(3);
   console.log(n);//456

5. 17720040641 变为 177****0641

   let a1='17720040641'
   let a4=a1.slice(3,7)
   console.log(a1.replace(a4,'****'))

   let a1='17720040641'
   let a2=a1.slice(0,3)
   let a3=a1.slice(-4)
   console.log(a2,a3)
   console.log(a2+"****"+a3)

一元运算符和三元运算符

1. 一元运算符  +=
2. 三元运算符  条件?表达式一:表达式二

   let n=1;
     let w=2;
    n>w?n:w;//2

 延时器

1. setTimeout(函数,时间)
2. 举例

   setTimeout(()=>{ console.log(1);},2000)//2s后输出1

定时器

1.  setInterval()

2. 举例

   let a=1;
    setInterval(()=>{
      a+=1; console.log(a);
   },1000)//每个1s加1;

时间补0

let date=new Date()
let nian=date.getFullYear()
let yue=zore(date.getMonth()+1)//月(0-11)
let ri=zore(date.getDate())
function zore(num){
return num>10?num:'0'+num
}
console.log(nian+'年'+yue+'月'+ri+'日')

 打印动态时间

//console.dir(Date);

let date = new Date()
let shi=date.getHours();
let fen=date.getMinutes();
let miao=date.getSeconds();
function time(){
if(miao<60){
     setInterval(miao+=1,1000)
 }else{
    miao=0;
    if(fen<60){setInterval(fen+=1,6000)
}else{
     fen=0
    if(shi<24){setInterval(shi+=1,3600000)}
 else{
    shi=0
 }
 }
} 
console.log(shi+'时'+fen+'分'+miao+'秒')
}
setInterval(time,1000)

 setInterval(()=>{
            const date=time();
console.log(date)
            
        },1000)
function time(){
    let date = new Date()
let shi=date.getHours();
let fen=date.getMinutes();
let miao=date.getSeconds();
let str=shi+'h'+fen+'m'+miao+'s'
return str

  //在页面上显示

setInterval(()=>{
        
            const date=time();
            document.open(date)
       document.write(date)
       document.close(date)
//console.log(date)
            
        },1000)
function time(){
    let date = new Date()
let shi=date.getHours();
let fen=date.getMinutes();
let miao=date.getSeconds();
let str=shi+'h'+fen+'m'+miao+'s'
return str
}

数组转字符串

jion('拼接符')

let arr=[1,2,3,4,5]
 console.log(arr.join(' '))
//1 2 3 4 5

字符串转数组

split(' ')  截取

let arr1="12345"
 let arr2="123-45"
console.log(arr1.split(""))//(5) ["1", "2", "3", "4", "5"]
 console.log(arr2.split("-"))// ["123", "45"]

数组过滤器

1.  filter()

2. let arr5=[1,2,3,4,5,6,756,78,9,34]
   let arr7=arr5.filter((item)=>{return item>50})
   console.log(arr7);// [756, 78]

 数组的splice 

1. splice(索引,删除个数,加)

2. let arr5=[1,2,4]
   arr5.splice(2,0,3)
   console.log(arr5);//[1, 2, 3, 4]

map遍历数组

1. array.map((item,index)=>{})

2. let arr=[1,2,3,4,5]
   let arr1=arr.map((item)=>{return it*5})
   console.log(arr1);
   

foreach遍历数组

1. array.foreach((item,index)=>{})

let arr5=[1,2,3,4,5,6,756,78,9,34]
  arr5.forEach(item=> {
    item>50?console.log(item):''   
});//756 78

构造函数

1. 功能 逻辑复用

2. function Person(name,age) {
     this.age=age;
   this.name=name;
   }
    let zhangsan=new person("zhangsan",2)
   

  创建对象的3种方法

1 字面量 let obj={}

2  new Object()

3 function Person(){}    new person()

总结

字符串截取     一元运算符三元运算符      定时器(setInterval)      延时器(setTimeout)   map映射

打印动态时间     数组的splice    数组过滤    字符串截取slice   数组转字符串   字符串转数组   构造

函数    时间补0