博主信息
博文 25
粉丝 0
评论 0
访问量 20983
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
JS中数组的不同类型及访问形式,流程中分支不同样式的演示实例
安超
原创
558人浏览过

1.JS中数组的不用样式主要有

a.单维数组;

let arr =[“one”,”two”,”three”];
let arr_1 =arr[0];
console.log(arr_1);
// 可以使用foreach循环获取项目中的所有项
arr.forEach(item=>console.log(“this is the:”+item))
// forEach的两个参数
console.log(“forEach具备两个参数”);
arr.forEach((item,key)=>console.log(this is the ${key} number:${item}))

b.多维数组,单维数组中,如果某一项也为数组,那么整体数组即为单维数组

let arrMuliti=[
[“one”,”two”,”three”],
[“first”,”second”,”third”]
]

c. 获得数组中的某一项:

let arrMuliti_1 = arrMuliti[0][0]
console.log(arrMuliti_1);
// 可以使用foreach循环获取项目中的所有项
console.log(“以下为循环显示多维数组的各项内容”);
arrMuliti.forEach(item=>item.forEach(subitem=>console.log(subitem)));
arrMuliti.forEach((item,key)=>item.forEach((subitem,subkey)=>console.log( This is the outside ${key} inside ${subkey} : ${subitem} )));

d.对象数组

console.log(“\n”);
let objectArr = [
{one:1,two:2,three:3},
{first:”1st”,sencond:”2nd”,third:”3rd”},
{chengdu:”成都”,beijing:”北京”,hefei:”合肥”}
];
console.log(objectArr[0].one);

e.循环遍历对象数组

console.log(‘——————————‘);
console.log(“遍历对象数组:”);
objectArr.forEach( (item , key )=>console.log(This is the ${key} object:)+” “ + Object.values(item).forEach(items=> console.log( items)))

let obj_2 = {one:”one1”,two:”two2”,three:”three3”};
// 对象的第一种遍历
for(let items in obj_2){
console.log(obj_2[items]);
}
console.log(‘————————-‘);
// 对象的第二种遍历
for(let value of Object.values(obj_2)){
console.log(value);
}
console.log(‘—————————————-‘);

2.分支判断的不同类型

// 分支判断主要有
// 1.单分支if
// 2. 双分支 if else
// 3.多分支
// 3.1:if/else if/else
// 3.2.switch/case
// 下面为if else if else 分支,注意 else if是分开写的

let age = 61;

a.单分支

if(age === 60){
console.log(“your age is 60”);
}
console.log(‘——————————————————‘);

b.双分支

if(age ===60){
console.log(‘your age is 60’);
}
else{
console.log(“your age is others”);
}
console.log(“———————————————————“);

双分支简化

console.log(“双分支简化结构”);
age === 60?console.log(“your age is 60”):console.log(“your age is others”);
console.log(“——————————————————-“);

c.多分支if else if else

if(age < 0 ){
console.log(“your age isn’t right”);
}else if(age < 55){
console.log(“your age is less than 55”);
}else if( age > 70){
console.log(“your age is greater than 70”);
}
else{
console.log(“your age is between 55 and 70”);
}
console.log(‘————————————————-‘);
// switch/case分支
let name = “jiao”;
switch(name){
case “one”:
console.log(“your input is one”);
break;
case “jiao”:
console.log(“your input is right”);
break;
case “two”:
console.log(“your input is two”);
break;
default:
console.log(“please input”);
break;
}

批改老师:PHPzPHPz

批改状态:合格

老师批语:效果可以, 知识代码内容最好还是放在代码块中
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学