JavaScript - SQL CRUD 操作

本章将展示 JavaScript 对象的 CRUD 操作。这些操作包括创建、读取、更新和删除。我们可以使用这些操作创建、修改、获取输入和删除对象。JavaScript 对象由键、值(或属性/特性)和条目的集合组成。值可以是任何类型的数据，包括数组、JavaScript 函数等等。

CRUD 操作

CRUD 代表创建、读取、更新和删除。这是永久存储的四个主要用途。此外，任何在关系数据库应用程序中执行并转换为典型 HTTP 方法、SQL 语句或 DDS 操作的功能都可以用首字母缩略词中的任何字母表示。

• CREATE 操作: 要创建新记录，请执行 INSERT 语句。

• READ 步骤: 使用输入参数中指定的主键读取表记录。

• UPDATE 过程: 使用语句 WHERE 子句中为记录指定的主键对表执行 UPDATE 语句。

• DELETE 过程: 删除特定的 WHERE 子句行。

语法

以下是在 JavaScript 中使用 CRUD 操作的语法−

// 创建对象
const circle = {
   radius: 10,
   area: function() {
       return Math.PI * this.radius * this.radius;
   }
};

CREATE 操作

此操作是创建对象或赋予其新属性的过程。以下方法可用于生成对象:

• 使用对象构造函数:此函数允许您创建并初始化一个对象。返回值将赋给一个变量。该变量包含对新对象的引用。

• 使用对象字面量:使用对象字面量:使用以逗号("," 分隔的键值对列表来构建对象。

语法

以下是 JavaScript 中 create 操作的语法 -

// 使用对象构造函数
const obj = new Object();

// 使用对象字面量
const obj = {
   key1 : value1
}

示例

在下面的示例中，我们将借助上述两种方法创建一个对象。

const box = { 
   height: 25, 
   breadth: 20, 
   volume: function () { 
       return this.height * this.breadth;
   } 
}; 

const cube = new Object(); 
cube.edge = 10; 
cube.volume = function () { 
   return this.edge * this.edge;
}; 

cube.edge = 15; 
console.log(box, "Volume of the box: " + box.volume()); 
console.log(cube, "Volume of the cube: " + cube.volume());

输出

这将产生以下结果 -

{ height: 25, breadth: 20, volume: [Function: volume] } Volume of the box: 500
{ edge: 15, volume: [Function (anonymous)] } Volume of the cube: 225

读取操作

读取操作是读取和访问对象的值和属性的过程。可以使用以下列出的方法 -

• 使用解构赋值: 在 JavaScript 中，要解包对象值并将其分配给其他变量，请使用称为"使用解构赋值"的语法。

• 使用点符号: 使用点符号，此语法可以使用 [dot] 或"."符号访问对象属性和项目。

• 使用括号符号: 可以使用括号符号从对象属性中检索括号"[ ]"中的属性名称。

语法

以下是 JavaScript 中读取操作的语法 -

// 使用点符号
console.log(obj.prop1)

// 对于嵌套对象
console.log(obj.prop1.subProperty)

// 使用方括号
console.log(obj['prop2'])

// 使用对象解构
const { key1 } = obj1;
console.log(key1);

示例

在下面的示例中，我们将使用其他方法来读取对象属性值。

// 创建一个新对象
const box = { 
   height: 25, 
   width: 20, 
   volume: function () { 
      return this.height * this.width;
   } 
}; 

const { height } = box; 
console.log("Box height: " + height); 
console.log("Box width: " + box['width']); 
console.log("Box volume: " + box.volume());

输出

这将生成以下输出 -

Box height: 25
Box width: 20
Box volume: 500

更新操作

它表明您可以查看和更改对象的属性。可以使用以下方法:-

• 使用解构赋值:在 JavaScript 中，要解包对象值并将其分配给其他变量，请使用称为"使用解构赋值"的语法。

• 使用点符号:使用点符号，此语法可以通过 [dot] 或"."符号访问对象属性和项目。

语法

以下是 JavaScript 中更新操作的语法:-

// 使用点符号
obj.prop1 = "newValue";

// 使用括号
obj['prop2'] = "value2";

示例

此示例展示了如何操作 Object 属性及其相关值。

const box = { 
   height: 25, 
   depth: 20, 
   volume: function () { 
      return this.height * this.depth; 
   } 
}; 

// 显示初始交易量
console.log("Initial Volume: " + box.volume()); 

// 更新值
// 使用点符号
box.height = 50;

// 使用括号符号
box['depth'] = 40;

// 显示更新后的交易量
console.log("Updated Volume: " + box.volume());

输出

这将生成以下结果 -

Initial Volume: 500
Updated Volume: 2000

删除操作

删除操作是移除对象属性的过程。以下是执行此操作的一种方法 -

• 使用 Delete 运算符: Delete 关键字用于删除其后的对象属性。

• 使用解构赋值: 在 JavaScript 中，要解包对象值并将其分配给其他变量，请使用称为"使用解构赋值"的语法。

语法

以下是 JavaScript 中 Delete 操作的语法 -

// 使用 delete 运算符
delete obj.property

// 使用解构
const {prop1, newObj} = oldObj;

示例

在此示例中，我们将描述对象及其相关属性和值的删除。

const person = { 
   firstName: 'Amit', 
   yearsOld: 52, 
   location: 'mumbai'
}; 

// 显示原始 person 对象
console.log("Initial person object: ", person); 

// 使用解构 
const { yearsOld, ...updatedPerson } = person; 
console.log("New person object without yearsOld attribute: ", updatedPerson); 

// 使用删除操作符
delete person.location; 
console.log("Person object after removing location: ", person);

输出

这将创建以下结果 -

Initial person object:  { firstName: 'Amit', yearsOld: 52, location: 'mumbai' }
New person object without yearsOld attribute:  { firstName: 'Amit', location: 'mumbai' }
Person object after removing location:  { firstName: 'Amit', yearsOld: 52 }