JS for-in/for-of 遍历用法及 Node.js 前端服务器搭建教程

一、for in

主要用于遍历对象

let father = {name:'张三', age:18, study:function(){}};
 
for(const n in father) {
    console.log(n);
}

其中 const n 代表遍历出的属性名

注意1：方法名也可被遍历（视为特殊属性）

注意2：遍历子对象时，父对象属性会一同被遍历

let son = Object.create(father);
son.sex = "男";
 
for(const n in son) {
    console.log(n);
}

注意3：在 for in 内获取属性值，须使用 [] 语法，不可用 . 语法

for(const n in son) {
    console.log(n, son[n]);
}

二、for of

主要用于遍历数组及其他可迭代对象，如Map、Set等

let a1 = [1,2,3];
 
for(const i of a1) {
    console.log(i);
}
 
let a2 = [
    {name:'张三', age:18},
    {name:'李四', age:20},
    {name:'王五', age:22}
];
 
for(const obj of a2) {
    console.log(obj.name, obj.age);
}
 
for(const {name,age} of a2) {
    console.log(name, age);
}

三、try catch

let stu1 = {name:'张三', age:18, address: {city:'北京'}};
let stu2 = {name:'张三', age:18};
 
function test(stu) {
    try {
        console.log(stu.address.city)   
    } catch(e) {
        console.log('出现了异常', e.message)
    } finally {
        console.log('finally');
    }
}

四、搭建前端服务器

（1）安装nvm

nvm 即 (node version manager)，优势在于便于切换 node.js 版本

安装注意事项：

需先卸载现有的 nodejs

提示选择 nvm 和 nodejs 目录时，务必避免目录中出现空格

选用【以管理员身份运行】cmd 程序来执行 nvm 命令

首次运行前设置好国内镜像地址

nvm node_mirror http://npm.taobao.org/mirrors/node/
nvm npm_mirror https://npm.taobao.org/mirrors/npm/

首先查看有哪些可用版本

nvm list available

输出：

一、for in

建议安装LTS（长期支持版）

nvm install 16.16.0

执行nvm list会列出已安装版本

切换到16.16.0

nvm use 16.16.0

安装后 nvm 自己的环境变量会自动添加，但可能需要手工添加 nodejs 的 PATH 环境变量

（2）检查npm

npm 是 js 的包管理器，类似于 java 界的 maven，要确保它使用的是国内镜像

检查镜像：

npm get registry

如果返回的不是 https://registry.npm.taobao.org/，需要做如下设置：

npm config set registry https://registry.npm.taobao.org/

（3）搭建前端服务器

新建一个保存项目的client文件夹，进入文件夹执行：

npm install express --save-dev

修改package.json文件：

{
  "type": "module",
  "devDependencies": {
    "express": "^4.18.1"
  }
}

其中 devDependencies 是 npm install --save-dev 添加的

执行js代码（运行前端服务器）

node main.js

到此这篇关于JavaScript控制语句及搭建前端服务器的文章就介绍到这了,更多相关js搭建前端服务器内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站！

JavaScript 控制语句详解与前端服务器搭建指南

一、for in

二、for of

三、try catch

四、搭建前端服务器

实用工具推荐