原生JS基础语句

我怕爱的太早我们不能终老 提交于 2019-11-27 19:25:22

JS基础语句

条件语句

满足某个条件时才执行的代码片段

  • 条件是由表达式构成,利用表达式返回的结果进行判断处理。
  • 应用:完成一件事情,在不同的条件下输出不同结果 --> 用条件语句

if语句

if(){
    
}else if(){
    
}else{
}

条件句: if(){} else if() {} else{}
() 里面写【判断条件】,表达式条件一般为
{} 表示语句的代码片段 要想【执行】 () 中值必须为 【true】,
--> true 的来源:
    1.表达式返回
    2.直接为 true
条件中,一定有一个或一个以上的量 为 【已知的量】,一个或一个以上为 变量,
条件就是拿 【未知 的量】与 【已知 的量】 进行比较

求闰年

在这里插入图片描述

switch

switch(){
	case 1:console.log('1');
	case 2: console.log('2');
	break;
	case 3: console.log('3');
	default : console.log('default');
}

if 和 switch 区别

​ if 需要使用多个条件语句,才能输出不同的条件结果

​ switch 只使用一个条件句,输出不同的条件结果

循环语句

应用场景:遍历数组和对象

for

  1. 使用 for(var i = 0; i < arr.length; i ++){ 执行语句 }
  2. 使用 for( x in arr){ 执行语句 }
for(var i = 0; i < 10; i++){
	console.log(i)
}
var tbody = document.getElementById('tbody'); //getElementById() 通过id名字获取标签 
console.log(tbody);
for(var i = 0; i < 5; i++){
    var tr = document.createElement('tr');
    for(var j = 0; j < 4; j ++){
        var td = document.createElement('td');
        tr.appendChild(td); //给tr [əˈpend] 添加子元素 td
        td.innerHTML = (i + 1) + '行' + (j + 1) + '列';
    }
    tbody.appendChild(tr);
}

for循环看是简单,实则有些程序员只知道这是for循环,但却不会使用,由此反向说明 掌握for循环的不易。

下面这个例子,通过 for 循环 遍历出所有的数据,在这个例子,有着对象,字符串,数组,,甚至还有多层嵌套,如果单纯使用for循环,很难准确得出数据,这时就会使用其他的知识来解决,

在这个例子中,使用 if 判断 函数的构造函数,分别涉及到 对象、数组、字符串等,往往这个时候,一方面考的是经验,另一方面考的是基础知识,一个好的代码玩玩漏洞是少 的,如果仅仅满足于自己做出来了却没有考虑到应有的动态变换,程序代码就得需要重新再次提高质量。

       var data = {
        "id": 69,
        "categoryName": "服装类",
        "children": [
            {
            "id": 70,
            "categoryName": "男装",
            "children": [
                {
                "id": 104,
                "categoryName": "短袖T恤",
                "children": []
            },
            {
                "id": 105,
                "categoryName": "背心",
                "children": [],
            }
            ]
        }
        
        ]
        
    }
    
   for(x in data){
        var a = data[x];
        console.log(x + ':' + a);
        if(data[x].constructor == Array ){
            for(var i = 0; i < data[x].length; i++){
                var b = data[x][i];
                console.log(b,'======== b ========') ;
                if(data[x][i].constructor == Object){
                    console.log('a')
                    for(x in b){
                        console.log(x);
                        console.log(b[x]);
                        var c = b[x];
                        if(b[x].constructor == Array){
                            // console.log('as')
                            for(var j = 0; j < c.length; j ++){
                                console.log(j);
                                console.log(c[j])
                                var d = c[j];
                                if(d.constructor == Object){
                                    // console.log('sfd');
                                    for(x in d){
                                        console.log(x);
                                        console.log(d[x]);
                                    }
                                }
                            }
                        }
                    }
                } 
            }
        }
    }
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!