js基础学习(js基础知识)

boyanx4个月前技术教程18

vscode运行js

要在VSCode中运行JavaScript代码,你需要按照以下步骤操作:

  1. 首先确保你已经安装了Node.js。如果没有安装,可以从官网(https://nodejs.org/)下载并安装。
  2. 打开VSCode,点击左侧的Extensions图标(或按快捷键Ctrl+Shift+X),搜索并安装"Code Runner"扩展。
  3. 创建一个新的JavaScript文件(例如:index.js),或者打开一个已有的JavaScript文件。
  4. 在文件中编写你的JavaScript代码。
  5. 右键点击编辑器中的代码,选择"Run Code",或者按下快捷键Ctrl+Alt+N。这将使用Code Runner扩展运行你的JavaScript代码。
  6. 如果你想要在终端中运行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文档或其他官方资源。








遍历对象数组

相关文章

官宣!KingDraw开放平台正式上线啦

最近一段时间没有大版本更新,好多小可爱都着急了~~其实,KingDraw的小伙伴们已经准备了很多惊喜,近期会陆续带给大家!比如上周全新升级的画板内核、重装上阵的图像识别,还有我们今天“官宣”的King...

这个mermaid在线编辑器挺好用的(m文件编辑器)

这个mermaid在线编辑器挺好用的https://mermaid.js.org/图表和绘图工具基于JavaScript的绘图和图表工具,可将Markdown风格的文本定义呈现出来,以动态创建和修改图...

如何在wps office中使用javascript编写程序

上一篇文章中写到可以将一个wps 表格的文档转成二维数组,前提是如何在wps office的表格中使用javascript。下面就如何在wps office中应用javascript做个简单介绍!一、...

五个流行的SVG在线编辑器(svg 在线编辑器)

随着响应网络的发展,越来越多的高质量的SVG在线编辑器被公众所熟知。SVG矢量图形也越来越受欢迎,以便在任何设备上呈现图像,甚至一些易于使用的SVG在线编辑器,可以替代PS,本文总结了五种流行的SVG...

Github 21k star,这个JS组件让你的数据表格秒杀Excel!

在Web应用开发的战场上,数据表格一直是一个让开发者既爱又恨的领域。一方面,几乎所有企业级应用都离不开它;另一方面,构建一个既美观又功能完备的数据表格,往往需要耗费大量时间和精力。更不用说用户总是会说...

代码也需“美颜”?JS美化工具大揭秘

你有没有想过,我们每天都在用的软件、网页,它们背后的代码是什么样子的?如果把代码比作文章,那它也有“字迹”工整和潦草之分。今天,我们就来揭秘一个让代码“颜值”飙升的魔法工具——前端JS代码美化工具。#...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。