标签：01 console log 2021.6 price 10.19 pname var 250

今天学了for循环还有对昨天if语句的拓展

if语句判断是否是闰年

<script>
    //判断是否是普通闰年还是世纪闰年
    var nianFen = prompt('请输入年份')
    if (isNaN(nianFen*1)==true|| nianFen<0) {
        alert('您输入的年份有误')
    }else if (nianFen % 4 == 0 && nianFen % 100 !=0) {
        alert('是普通闰年')
    }else if ( nianFen % 400 == 0){
        alert('是世纪闰年')
    }else {
        alert('不是闰年')
    }
    //判断是否是闰年
    // var year= prompt('请输入年份')*1
    // if (isNaN(year) ==true) {
    //     alert('您输入的年份有误')
    // }else {
    //     if ((year% 4  ===0 && year% 100 !== 0) || (year% 4  ===0 && year% 100 === 0)) {
    //         alert('是闰年')
    //     }else {
    //         alert('不是闰年')
    //     }
    // }
</script>

typeof判断数据类型

<script>
        //typeof    测试变量类型
        var x = 10;
        console.log(typeof x);//number
        var y = 'hello'
        console.log(typeof y);//string
        var z = true
        console.log(typeof z)//boolean;
        var a = undefined;
        console.log(typeof a);//undefined
        var  b = null;
        console.log(typeof b);//object

        var obj = {
            username:'Jie',
            age:18
        }
        console.log(typeof obj);//object
        var arr = [1,2,3,4]
        console.log(typeof arr);//object

        // var res = prompt('请输入年龄');
        // console.log(typeof res );//string 
        var res2 = confirm('确定删除吗？')
        console.log(typeof res2);//boolean
    </script>

拼接字符串和反引号

<script>
    var product = {
        pName:'MI11',
        pPrice:1999
    }
    var price = product.pPrice;
    var pname = product.pName;
    //拼接字符串
    document.write(price + '元起')
    document.write('<p class="price">'+price+'元起</p>')

    document.write('<p class="pname">'+pname+'手机</p>')
    document.write( '<div><p class="pname">'+pname+'手机</p> <p class="price">'+price+'元起</p> </div>'
    )
    //反引号
    document.write(`
        <div>
        <p class="pname">${pname}手机</p> 
        <p class="price">${price}元起</p>
         </div>
    `)

    
</script>

数组

<script>
    // 数组： 用来表示一组数据的集合
    // 元素 索引（从0开始）
    
    var arr = ['a','b','c','d'];
    //1.根据索引访问数组中的元素
    console.log(arr[1]);
    //2.修改数组中元素
    arr[1] = 'b1';
    //console.log(arr);
    //3.添加元素
    arr[5] = 'e';
    console.log(arr);
    console.log(arr[4]);//undefined
    //4.length 属性 获取数组的长度(元素的个数)
    console.log(arr.length);//6
</script>

运算

<script>
    var x = 10;
    var y = '5';
    //var z = x+y;//105 此处是拼接字符串

    //var z = x - y ;//5 - 有隐式转换的作用
    // true=>1  false=>0
    //var x = x - y + true;//6
    var z = x * y - 'true' //NaN

    console.log(z);
</script>

for循环语句

<script>
    //循环
    // for (let how = 0; how < 100; how++) {
    //     console.log(hello world);//重复执行代码
    // }
    //for 循环的执行流程

    /*
        var i= 0
        if(i<100){执行花括号中的代码 }
        i++;
        if(i<100){执行花括号中的代码 }
        i++;
        ...
        if(i<100){执行花括号中的代码 }
        i++;    
        if(i<100) 不符合条件 终止循环
    */ 
//    for (let ou = 0; ou < 11; ou+=2) {
//        console.log(ou);
//    }
//    for (let ou = 0; ou < 11; ou++) {
//        if (ou%2 ==0) {
//            console.log(ou);
//        }
//    }
   var html = '<ul>';
   for (let i = 1; i < 11; i++){
        html += `<li>item${i}</li>`
   }
   html = html+'</ul>';
   document.write(html)
   //求0-100之间数的和
   var b = 0
   for (let a = 0; a <=10; a++) {
       b = b+a
   }
   console.log(b);
</script>

遍历数据

<script>
    // var nameArr = ['小米1','小米2','小米3','小米4','小米5','小米6','小米7']
    // for (let i = 0; i < nameArr.length; i++) {
    //     var pname = nameArr[i];
    //     document.write(`<p>${pname}</p>`)
    // }
    var proArr = [
        {
            pname:'小米1',
            price:1999,
            imgUrl:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/61454401f855cf5ed64747a6ac04bae5.jpg?thumb=1&w=250&h=250&f=webp&q=90'
        },{
            pname:'小米2',
            price:2199,
            imgUrl:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8909080ddb0851af0b87530e2927844f.jpg?thumb=1&w=250&h=250&f=webp&q=90'
        },{
            pname:'小米11',
            price:3999,
            imgUrl:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5dc32ec73299ff79556dcd1cf0f0ac11.png?thumb=1&w=250&h=250&f=webp&q=90'
        },{
            pname:'小米10',
            price:2599,
            imgUrl:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/eb69512d9d6430d865d457ec52eebb51.png?thumb=1&w=250&h=250&f=webp&q=90'
        },{
            pname:'小米8',
            price:2399,
            imgUrl:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/34caee2c867bfd8c5e0dc2d8c663e121.jpg?thumb=1&w=250&h=250&f=webp&q=90'
        },{
            pname:'小米6',
            price:999,
            imgUrl:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/cb554f30eaa0316b0a736c3d59f21584.png?thumb=1&w=250&h=250&f=webp&q=90'
        },{
            pname:'小米7',
            price:1699,
            imgUrl:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3b7fbb6fe07907c60f08358adab5adfe.png?thumb=1&w=250&h=250&f=webp&q=90'
        },
    ];
    //要求：将以上数组上 产品的名称 显示到页面上
    document.write(`<ul>`)
    for (let i = 0; i < proArr.length; i++) {
        var a = proArr[i].pname;
        var b = proArr[i].imgUrl;
        var c = proArr[i].price;
        document.write(`
                    <li>
                        <img src="${b}">
                        <h6>${a}</h6>
                        <p>${c}元起</p>
                    </li>
        `)
    }
    document.write('</ul>')
</script>

遍历数组

<script>
    //遍历数组 利用for循环 获取数组中的每一组元素
    var arr = ['a','b','c','d','e','f'];
    for (let a = 0; a < arr.length; a++) {
        console.log(arr[a]);
    }
    var price = [100,200,300,400,500]
    for (let x = 0; x < price.length; x++) {
        console.log(price[x]*0.8);
    }
    //[100,200,300,400,500] => [80,160,240,320,400]
    for (let y = 0; y < price.length; y++) {
        price[y] = price[y]*0.8
    }
    console.log(price);
</script>

今天留下的作业很难 真的很难感觉

标签：01,console,log,2021.6,price,10.19,pname,var,250
来源： https://www.cnblogs.com/wangjie677/p/14872437.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。