前端学习 JavaScript(3)json初识
·
1.js控制流程
function get(){
int a=10;
}
注意:
- 在 JavaScript 中,代码块需要用
{}包裹 - 语句结尾建议添加分号
;
2.数组的遍历
var arr=[5,7,4,2,0,3,1,6];//定义数组
console.log(arr);//打印
1.传统的for循环遍历
通过索引逐个访问数组元素,适用于所有支持索引访问的语言。
for(var i=0;i<arr.length;i++){
console.log(arr[i]);
}

2.for in遍历数组 index代表索引下标
- 遍历的是可枚举属性:
for...in会遍历对象(包括数组)的所有可枚举属性,包括原型链上的属性。如果数组原型被扩展(如Array.prototype.customMethod = ...),这些方法也会被遍历到。 - 顺序不保证:虽然多数情况下按数字索引顺序遍历,但规范不保证其顺序,尤其当数组存在空位或非数字键时。
- 性能较低:相比其他遍历方式,
for...in需要检查原型链,性能较差。
for(index in arr){
console.log(arr[index]);
}

3.for of遍历数组 item代表元素5,7,4,2....
注意事项
for...of不能直接遍历对象(需先转换为数组形式,如Object.keys())。- 与
for...in不同,for...of不会遍历数组的附加属性(如自定义的array.customProp)。
for(item of arr){
console.log(item);
}

3.异常的捕获
异常捕获是编程中处理运行时错误的一种机制,用于防止程序因未处理的异常而崩溃。通过捕获异常,可以优雅地处理错误情况,并提供适当的反馈或恢复措施。
使用try-catch-finally
try{
var i=10;
if(i>5){
throw "这里有一个错误";//throw这里是我们自定义的异常
}
console.log("----");
}catch(e){
console.log("上面出现了错误");
}finally{
console.log("无论成功还是失败都会执行的代码块");
}

如果在try代码块中执行时发生异常,程序会进入catch块处理异常,而finally块中的代码无论执行成功与否都会被执行。
4.判断
function test(age){
if(typeof age=="number"){
if(age>60){
console.log("老年人");
}else if(age>40){
console.log("中年人");
}else if(age>20){
console.log("青年人");
}else{
console.log("少年");
}
}else{
console.log("参数不是数值类型的");
}
}
test("sdfsd");//调用方法
![]()
5.选择判断
var date=new Date().getDay();//获取当前时间
switch (date){
case 0:
var a=10;
case 1:
console.log("星期日");
break;
case 2:
console.log("星期二");
break;
case 3:
console.log("星期三");
break;
case 4: case 5: case 6:
console.log("星期六");
break;
default:
console.log("信息错误");
break;
}
![]()
使用Date().getDay()获取时间
6.循环
var sum=0;
var i=0;
while(i<=100){
sum+=i;
i++
}
console.log(sum);
var sum=0;
var i=0;
d0{
sum+=i;
i++
}while(i<=100)
console.log(sum);
//continue break;都是用于终止循环
//continue 只用于终止本次循环,外层循环无法终止
//break;完全终止当前的for循环
for(var i=0;i<10;i++){
for(var j=0;j<5;j++){
console.log("当前i的值="+i);
if(i==2){
continue;//break;
}
}
}
其中break和continue是有区别的:
break:直接终止当前的循环
执行到continue时会先执行输出i的值,之后再终止j循环的全过程
continue:终止此次的循环
执行到continue时会先执行输出i的值,之后再终止,这种终止只会影响contine下面的语句,循环还是会继续执行j值还是会增加。
7.方法的定义
1.正常方式:
function hello(name){
if(typeof name=='string'){//typeof判断数据类型
return name+"你好";//rerurn 是方法的返回,将数据返回方法的调用者
}
}
var all=hello("admin");
alert(all);//网页弹窗显示

2.匿名方式:
const helloo=function(){
alert("你好");
}
helloo();

8.局部函数
只有js可以在方法当中写方法 java/c不可以
function test(){
function inner(){//局部函数
}
}
9.json
json:用于存储和交换文本信息的一种语法
前后端交互 web网站:精美的页面<----java 数据源(数据库)
json的语法规则:
1.*json的数据以键值对的形式进行存在
2.*数据和数据之间一般用“,”进行分割
3.*json对象保存在{}当中
4.*[]保存json数据,一个数组当中可以有多个json对象
例子:{"key":"value","key":"value","key":"value"}
var object={"name":"青城博雅教育","url":"www.qcbyedu.com"}
console.log(object.name);
console.log(object.url);

json数组
var jsonArray=[
{"name":"青城博雅教育","url":"www.qcbyedu.com"},
{"name":"阿里巴巴","url":"www.alibaba.com"},
{"name":"腾讯","url":"www.tengxun.com"}
]
//在json对象当中我们可以通过key值来获取value值
console.log(jsonArray[1].name);
![]()
在json对象当中我们可以通过key值来获取value值
更多推荐

所有评论(0)