网站首页 > 技术文章 正文
vscode运行js
要在VSCode中运行JavaScript代码,你需要按照以下步骤操作:
- 首先确保你已经安装了Node.js。如果没有安装,可以从官网(https://nodejs.org/)下载并安装。
- 打开VSCode,点击左侧的Extensions图标(或按快捷键Ctrl+Shift+X),搜索并安装"Code Runner"扩展。
- 创建一个新的JavaScript文件(例如:index.js),或者打开一个已有的JavaScript文件。
- 在文件中编写你的JavaScript代码。
- 右键点击编辑器中的代码,选择"Run Code",或者按下快捷键Ctrl+Alt+N。这将使用Code Runner扩展运行你的JavaScript代码。
- 如果你想要在终端中运行JavaScript文件,可以打开一个新的终端(Terminal -> New Terminal),然后输入以下命令:
node index.js
请确保将index.js替换为你要运行的JavaScript文件的名称。
定义变量后,可以使用${fullname}嵌入字符串。
const定义的属于常量,不允许更改。
控制结构
数据结构
js中数组的操作方法
遍历数组
对象
在JavaScript中,对象(Object)是一种复合数据类型,允许你将多个值存储为一个单元。以下是一些常见的对象操作方法:
创建对象
// 使用对象字面量创建对象
let obj1 = { name: 'Alice', age: 25 };
// 使用 Object 构造函数创建对象
let obj2 = new Object();
obj2.name = 'Bob';
obj2.age = 30;
访问和修改对象属性
let person = { name: 'Alice', age: 25 };
console.log(person.name); // Alice
person.age = 26;
console.log(person.age); // 26
添加和删除属性
添加属性
- 你可以直接通过赋值的方式添加新属性。
let obj = {};
obj.newProperty = 'value';
console.log(obj.newProperty); // value
删除属性
- delete 运算符可以用来删除对象的属性。
let obj = { name: 'Alice', age: 25 };
delete obj.age;
console.log(obj.age); // undefined
检查属性是否存在
- in 运算符可以用来检查对象是否包含某个属性。
let obj = { name: 'Alice', age: 25 };
console.log('name' in obj); // true
console.log('gender' in obj); // false
遍历对象属性
for...in 循环
let obj = { name: 'Alice', age: 25, gender: 'female' };
for (let key in obj) {
console.log(key + ": " + obj[key]);
}
Object.keys() / Object.values() / Object.entries()
- Object.keys(): 返回一个数组,其元素是给定对象自身的可枚举属性的字符串键。
- Object.values(): 返回一个数组,其元素是给定对象自身的可枚举属性的值。
- Object.entries(): 返回一个数组,其元素是给定对象自身可枚举属性的键值对数组。
let obj = { name: 'Alice', age: 25, gender: 'female' };
console.log(Object.keys(obj)); // ['name', 'age', 'gender']
console.log(Object.values(obj)); // ['Alice', 25, 'female']
console.log(Object.entries(obj)); // [['name', 'Alice'], ['age', 25], ['gender', 'female']]
获取所有属性名(包括继承的属性)
- Object.getOwnPropertyNames(): 返回一个数组,其元素是给定对象自身的所有属性(包括不可枚举属性,但不包括Symbol属性)的字符串名称。
let obj = Object.create({}, { prop: { value: 42, enumerable: false } });
console.log(Object.getOwnPropertyNames(obj)); // ['prop']
冻结和密封对象
- Object.freeze(): 冻结对象,阻止添加、删除或修改其属性。
- Object.seal(): 密封对象,阻止添加或删除其属性,但可以修改其现有属性的值。
let obj = { name: 'Alice', age: 25 };
Object.freeze(obj);
obj.age = 30; // 无效操作,不会抛出错误,但修改不会生效
delete obj.name; // 无效操作,不会抛出错误,但删除不会生效
扩展对象
- Object.assign(): 将所有可枚举的自有属性的值从一个或多个源对象复制到目标对象并返回目标对象。
let target = { a: 1 };
let source1 = { b: 2 };
let source2 = { c: 3 };
Object.assign(target, source1, source2);
console.log(target); // { a: 1, b: 2, c: 3 }
这些是JavaScript中对象的一些常见操作方法,还有很多其他的方法可以用来处理对象,具体可以参考MDN文档或其他官方资源。
遍历对象数组
猜你喜欢
- 2025-01-02 JavaScript字符串toString()方法教程
- 2025-01-02 vue3 - 内置组件Teleport的使用
- 2025-01-02 网页三维CAD中加载和保存STEP模型
- 2025-01-02 在.NET Web API中设置响应输出Json数据格式的两种常用方式
- 2025-01-02 剖析Selenium代码执行时元素查找失败的缘由
- 2025-01-02 H5的Canvas绘图——使用fabricjs绘制一个可多选的随机9宫格
- 2025-01-02 jscanify:支持 Node.js/浏览器/React 移动文档扫描仪
- 2025-01-02 js事件机制详解
- 2025-01-02 Java ArrayList用法详解附代码示例
- 2025-01-02 如何用枚举快速提高编程效率,数据元素快速对应,小枚举大作用
- 02-21走进git时代, 你该怎么玩?_gits
- 02-21GitHub是什么?它可不仅仅是云中的Git版本控制器
- 02-21Git常用操作总结_git基本用法
- 02-21为什么互联网巨头使用Git而放弃SVN?(含核心命令与原理)
- 02-21Git 高级用法,喜欢就拿去用_git基本用法
- 02-21Git常用命令和Git团队使用规范指南
- 02-21总结几个常用的Git命令的使用方法
- 02-21Git工作原理和常用指令_git原理详解
- 最近发表
- 标签列表
-
- cmd/c (57)
- c++中::是什么意思 (57)
- sqlset (59)
- ps可以打开pdf格式吗 (58)
- phprequire_once (61)
- localstorage.removeitem (74)
- routermode (59)
- vector线程安全吗 (70)
- & (66)
- java (73)
- org.redisson (64)
- log.warn (60)
- cannotinstantiatethetype (62)
- js数组插入 (83)
- resttemplateokhttp (59)
- gormwherein (64)
- linux删除一个文件夹 (65)
- mac安装java (72)
- reader.onload (61)
- outofmemoryerror是什么意思 (64)
- flask文件上传 (63)
- eacces (67)
- 查看mysql是否启动 (70)
- java是值传递还是引用传递 (58)
- 无效的列索引 (74)