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
- 使用 for(var i = 0; i < arr.length; i ++){ 执行语句 }
- 使用 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]);
}
}
}
}
}
}
}
}
}
来源:https://blog.csdn.net/yufengxiaojiang3/article/details/99710046