Hướng dẫn create key-value pair in javascript - tạo cặp khóa-giá trị trong javascript

Question

Tôi đã yêu thích Lodash / Undercore khi viết các dự án lớn hơn.

Nội dung chính Show

_.merge (chỉ Lodash)
_.extend / _.assign
Object.assign()
Ví dụ 1: Thêm cặp khóa/giá trị vào một đối tượng bằng cách sử dụng ký hiệu dấu chấm
Ví dụ 2: Thêm cặp khóa/giá trị vào một đối tượng bằng cách sử dụng ký hiệu khung vuông
Cách tạo một đối tượng trong JavaScript
Phím đối tượng trong JavaScript
Giá trị đối tượng trong JavaScript
Cách ký hiệu dấu chấm và ký hiệu khung hoạt động trong JavaScript
Cách thêm một cặp giá trị khóa với ký hiệu dấu chấm trong JavaScript
Cách truy cập dữ liệu trong đối tượng JavaScript bằng cách sử dụng ký hiệu dấu chấm
Cách xóa một cặp giá trị khóa trong JavaScript
Cách thêm một cặp giá trị khóa bằng ký hiệu khung trong JavaScript
Ví dụ, giả sử tôi cố gắng thêm một khóa chứa khoảng trắng bằng ký hiệu DOT. Tôi sẽ nhận được một lỗi.
const desk = { height: "4 feet", weight: "30 pounds", color: "brown", material: "wood", }; 6 là giá trị
Chìa khóa là gì
Chúng ta có thể nhận khóa từ giá trị trong JavaScript không?
Các phím có thể là chuỗi trong JavaScript?

Thêm bởi

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
Object.assign(obj, obj2); 
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3", key4: undefined}

2 hoặc

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
Object.assign(obj, obj2); 
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3", key4: undefined}

3 đều là những câu trả lời của JavaScript thuần túy. Tuy nhiên, cả thư viện Lodash và Undercore đều cung cấp nhiều chức năng thuận tiện bổ sung khi làm việc với các đối tượng và mảng nói chung.

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
Object.assign(obj, obj2); 
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3", key4: undefined}

4 dành cho mảng, không phải cho các đối tượng.

Tùy thuộc vào những gì bạn đang tìm kiếm, có hai chức năng cụ thể có thể tốt để sử dụng và cung cấp chức năng tương tự như cảm giác của

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
Object.assign(obj, obj2); 
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3", key4: undefined}

5. Để biết thêm thông tin, hãy kiểm tra các tài liệu, họ có một số ví dụ tuyệt vời ở đó.

_.merge (chỉ Lodash)

Đối tượng thứ hai sẽ ghi đè hoặc thêm vào đối tượng cơ sở. Giá trị

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
Object.assign(obj, obj2); 
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3", key4: undefined}

6 không được sao chép.

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
_.merge(obj, obj2);
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3"}

_.extend / _.assign

Đối tượng thứ hai sẽ ghi đè hoặc thêm vào đối tượng cơ sở.

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
Object.assign(obj, obj2); 
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3", key4: undefined}

6 sẽ được sao chép.

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
_.extend(obj, obj2);
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3", key4: undefined}

_.defaults

Đối tượng thứ hai chứa các mặc định sẽ được thêm vào đối tượng cơ sở nếu chúng không tồn tại. Các giá trị

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
Object.assign(obj, obj2); 
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3", key4: undefined}

6 sẽ được sao chép nếu khóa đã tồn tại.

var obj = {key3: "value3", key5: "value5"};
var obj2 = {key1: "value1", key2:"value2", key3: "valueDefault", key4: "valueDefault", key5: undefined};
_.defaults(obj, obj2);
console.log(obj);
// → {key3: "value3", key5: "value5", key1: "value1", key2: "value2", key4: "valueDefault"}

$.extend

Ngoài ra, có thể đáng để đề cập đến jQuery.extend, nó hoạt động tương tự như _.merge và có thể là một lựa chọn tốt hơn nếu bạn đã sử dụng jQuery.

Đối tượng thứ hai sẽ ghi đè hoặc thêm vào đối tượng cơ sở. Giá trị

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
Object.assign(obj, obj2); 
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3", key4: undefined}

6 không được sao chép.

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
$.extend(obj, obj2); 
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3"}

Object.assign()

_.extend / _.assign

Đối tượng thứ hai sẽ ghi đè hoặc thêm vào đối tượng cơ sở.

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
Object.assign(obj, obj2); 
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3", key4: undefined}

6 sẽ được sao chép.

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
Object.assign(obj, obj2); 
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3", key4: undefined}

Ví dụ 1: Thêm cặp khóa/giá trị vào một đối tượng bằng cách sử dụng ký hiệu dấu chấm

// program to add a key/value pair to an object

const person = {
    name: 'Monica',
    age: 22,
    gender: 'female'
}

// add a key/value pair
person.height = 5.4;

console.log(person);

Đầu ra

{
    name: "Monica",
    age: 22,
    gender: "female",
    height: 5.4
}

Trong ví dụ trên, chúng tôi thêm thuộc tính mới

// program to add a key/value pair to an object

const person = {
    name: 'Monica',
    age: 22,
    gender: 'female'
}

// add a key/value pair
person.height = 5.4;

console.log(person);

1 vào đối tượng & nbsp; ________ 52 bằng cách sử dụng ký hiệu dấu chấm

// program to add a key/value pair to an object

const person = {
    name: 'Monica',
    age: 22,
    gender: 'female'
}

// add a key/value pair
person.height = 5.4;

console.log(person);

3, tức là

// program to add a key/value pair to an object

const person = {
    name: 'Monica',
    age: 22,
    gender: 'female'
}

// add a key/value pair
person.height = 5.4;

console.log(person);

4.

Ví dụ 2: Thêm cặp khóa/giá trị vào một đối tượng bằng cách sử dụng ký hiệu khung vuông

// program to add a key/value pair to an object

const person = {
    name: 'Monica',
    age: 22,
    gender: 'female'
}

// add a key/value pair
person['height'] = 5.4;

console.log(person);

Đầu ra

{
    name: "Monica",
    age: 22,
    gender: "female",
    height: 5.4
}

Trong ví dụ trên, chúng tôi thêm thuộc tính mới

// program to add a key/value pair to an object

const person = {
    name: 'Monica',
    age: 22,
    gender: 'female'
}

// add a key/value pair
person.height = 5.4;

console.log(person);

1 vào đối tượng & nbsp; ________ 52 bằng cách sử dụng ký hiệu dấu chấm

// program to add a key/value pair to an object

const person = {
    name: 'Monica',
    age: 22,
    gender: 'female'
}

// add a key/value pair
person.height = 5.4;

console.log(person);

3, tức là

// program to add a key/value pair to an object

const person = {
    name: 'Monica',
    age: 22,
    gender: 'female'
}

// add a key/value pair
person.height = 5.4;

console.log(person);

4.

Hướng dẫn create key-value pair in javascript - tạo cặp khóa-giá trị trong javascript

Bạn có thể nhóm dữ liệu liên quan lại với nhau thành một cấu trúc dữ liệu duy nhất bằng cách sử dụng đối tượng JavaScript, như thế này:

const desk = {
   height: "4 feet",
   weight: "30 pounds",
   color: "brown",
   material: "wood",
 };

Một đối tượng chứa các thuộc tính hoặc các cặp giá trị khóa. Đối tượng

// program to add a key/value pair to an object

const person = {
    name: 'Monica',
    age: 22,
    gender: 'female'
}

// add a key/value pair
person.height = 5.4;

console.log(person);

9 ở trên có bốn thuộc tính. Mỗi thuộc tính có một tên, còn được gọi là khóa và giá trị tương ứng.

Chẳng hạn, khóa

// program to add a key/value pair to an object

const person = {
    name: 'Monica',
    age: 22,
    gender: 'female'
}

// add a key/value pair
person.height = 5.4;

console.log(person);

1HAs Giá trị

{
    name: "Monica",
    age: 22,
    gender: "female",
    height: 5.4
}

1. Cùng nhau, khóa và giá trị tạo thành một thuộc tính duy nhất.has the value

{
    name: "Monica",
    age: 22,
    gender: "female",
    height: 5.4
}

1. Together, the key and value make up a single property.

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
_.extend(obj, obj2);
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3", key4: undefined}

0

Đối tượng

// program to add a key/value pair to an object

const person = {
    name: 'Monica',
    age: 22,
    gender: 'female'
}

// add a key/value pair
person.height = 5.4;

console.log(person);

9 chứa dữ liệu về một bàn. Trên thực tế, đây là một lý do tại sao bạn sử dụng một đối tượng JavaScript: để lưu trữ dữ liệu. Nó cũng đơn giản để truy xuất dữ liệu mà bạn lưu trữ trong một đối tượng. Những khía cạnh này làm cho các đối tượng rất hữu ích.

Bài viết này sẽ giúp bạn và chạy với các đối tượng JavaScript:

cách tạo một đối tượng
Cách lưu trữ dữ liệu trong một đối tượng
và lấy dữ liệu từ nó.

Hãy bắt đầu bằng cách tạo một đối tượng.

Cách tạo một đối tượng trong JavaScript

Tôi sẽ tạo một đối tượng gọi là

{
    name: "Monica",
    age: 22,
    gender: "female",
    height: 5.4
}

3 bên dưới và thêm các cặp giá trị khóa vào nó.

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
_.extend(obj, obj2);
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3", key4: undefined}

1

Các phím ở bên trái của đại tràng

{
    name: "Monica",
    age: 22,
    gender: "female",
    height: 5.4
}

4 và các giá trị nằm ở bên phải của nó. Mỗi cặp giá trị khóa là

{
    name: "Monica",
    age: 22,
    gender: "female",
    height: 5.4
}

5. Có ba thuộc tính trong ví dụ này:
{ name: "Monica", age: 22, gender: "female", height: 5.4 }
4 and the values are to the right of it. Each key-value pair is a

{
    name: "Monica",
    age: 22,
    gender: "female",
    height: 5.4
}

5. There are three properties in this example:

Topping quan trọng có một giá trị phô mai.topping has a value “cheese”.
Nước sốt chính có giá trị của Marinara Marinara.sauce has a value “marinara”.
Kích thước khóa có giá trị nhỏ.size has a value “small”.

Mỗi tài sản được phân tách bằng dấu phẩy. Tất cả các tính chất được bọc trong niềng răng xoăn.

Đây là cú pháp đối tượng cơ bản. Nhưng có một vài quy tắc cần ghi nhớ khi tạo các đối tượng JavaScript.

Phím đối tượng trong JavaScript

Mỗi khóa trong đối tượng JavaScript của bạn phải là một chuỗi, ký hiệu hoặc số.

Hãy xem xét kỹ các ví dụ dưới đây. Các tên chính

{
    name: "Monica",
    age: 22,
    gender: "female",
    height: 5.4
}

6 và

{
    name: "Monica",
    age: 22,
    gender: "female",
    height: 5.4
}

7are thực sự bị ép buộc thành các chuỗi.
{ name: "Monica", age: 22, gender: "female", height: 5.4 }
6 and { name: "Monica", age: 22, gender: "female", height: 5.4 }
7are actually coerced into strings.

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
_.extend(obj, obj2);
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3", key4: undefined}

2

Nó có một sự khác biệt rõ ràng khi bạn in đối tượng.

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
_.extend(obj, obj2);
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3", key4: undefined}

3

Có một quy tắc khác để ghi nhớ về tên khóa: nếu tên khóa của bạn chứa khoảng trắng, bạn cần phải bọc nó trong các trích dẫn.

Hãy xem đối tượng

{
    name: "Monica",
    age: 22,
    gender: "female",
    height: 5.4
}

8 bên dưới. Lưu ý tên khóa cuối cùng,

{
    name: "Monica",
    age: 22,
    gender: "female",
    height: 5.4
}

9. Tên khóa này chứa không gian để, tôi bọc nó trong trích dẫn.. This key name contains spaces so, I wrapped it in quotes.

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
_.extend(obj, obj2);
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3", key4: undefined}

4

Giá trị đối tượng trong JavaScript

Mặt khác, một giá trị có thể là bất kỳ loại dữ liệu nào, bao gồm một mảng, số hoặc boolean. Các giá trị trong ví dụ trên chứa các loại sau: chuỗi, số nguyên, boolean và một mảng.

Bạn thậm chí có thể sử dụng một hàm làm giá trị, trong trường hợp đó, nó được gọi là phương thức.

// program to add a key/value pair to an object

const person = {
    name: 'Monica',
    age: 22,
    gender: 'female'
}

// add a key/value pair
person['height'] = 5.4;

console.log(person);

0, trong đối tượng bên dưới, là một ví dụ.

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
_.extend(obj, obj2);
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3", key4: undefined}

5

Bây giờ nói rằng bạn muốn thêm hoặc xóa một cặp giá trị khóa. Hoặc bạn chỉ đơn giản muốn lấy một giá trị đối tượng.

Bạn có thể làm những điều này bằng cách sử dụng ký hiệu DOT hoặc khung, mà chúng tôi sẽ giải quyết tiếp theo.

Cách ký hiệu dấu chấm và ký hiệu khung hoạt động trong JavaScript

Ký hiệu dấu chấm và ký hiệu khung là hai cách để truy cập và sử dụng các thuộc tính của đối tượng. Bạn có thể thấy mình tiếp cận với ký hiệu DOT thường xuyên hơn, vì vậy chúng tôi sẽ bắt đầu với điều đó.

Cách thêm một cặp giá trị khóa với ký hiệu dấu chấm trong JavaScript

Tôi sẽ tạo một

// program to add a key/value pair to an object

const person = {
    name: 'Monica',
    age: 22,
    gender: 'female'
}

// add a key/value pair
person['height'] = 5.4;

console.log(person);

1Object trống bên dưới.object below.

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
_.extend(obj, obj2);
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3", key4: undefined}

6

Để thêm một cặp giá trị khóa bằng ký hiệu DOT, hãy sử dụng cú pháp:

// program to add a key/value pair to an object

const person = {
    name: 'Monica',
    age: 22,
    gender: 'female'
}

// add a key/value pair
person['height'] = 5.4;

console.log(person);

2

Đây là mã để thêm khóa (tác giả) và giá trị ("Jane Smith") vào đối tượng

// program to add a key/value pair to an object

const person = {
    name: 'Monica',
    age: 22,
    gender: 'female'
}

// add a key/value pair
person['height'] = 5.4;

console.log(person);

1:

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
_.extend(obj, obj2);
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3", key4: undefined}

7

Đây là sự cố của mã trên:

// program to add a key/value pair to an object

const person = {
    name: 'Monica',
    age: 22,
    gender: 'female'
}

// add a key/value pair
person['height'] = 5.4;

console.log(person);

1 là tên của đối tượng

// program to add a key/value pair to an object

const person = {
    name: 'Monica',
    age: 22,
    gender: 'female'
}

// add a key/value pair
person.height = 5.4;

console.log(person);

3 (chấm)

// program to add a key/value pair to an object

const person = {
    name: 'Monica',
    age: 22,
    gender: 'female'
}

// add a key/value pair
person['height'] = 5.4;

console.log(person);

6 là tên khóa

// program to add a key/value pair to an object

const person = {
    name: 'Monica',
    age: 22,
    gender: 'female'
}

// add a key/value pair
person['height'] = 5.4;

console.log(person);

7 (bằng)

// program to add a key/value pair to an object

const person = {
    name: 'Monica',
    age: 22,
    gender: 'female'
}

// add a key/value pair
person['height'] = 5.4;

console.log(person);

8 là giá trị

Khi tôi in đối tượng sách, tôi sẽ thấy cặp giá trị khóa mới được thêm vào.

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
_.extend(obj, obj2);
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3", key4: undefined}

8

Tôi sẽ thêm một cặp giá trị khóa khác vào đối tượng

// program to add a key/value pair to an object

const person = {
    name: 'Monica',
    age: 22,
    gender: 'female'
}

// add a key/value pair
person['height'] = 5.4;

console.log(person);

1.

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
_.extend(obj, obj2);
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3", key4: undefined}

9

Đối tượng

// program to add a key/value pair to an object

const person = {
    name: 'Monica',
    age: 22,
    gender: 'female'
}

// add a key/value pair
person['height'] = 5.4;

console.log(person);

1 hiện có hai thuộc tính.

var obj = {key3: "value3", key5: "value5"};
var obj2 = {key1: "value1", key2:"value2", key3: "valueDefault", key4: "valueDefault", key5: undefined};
_.defaults(obj, obj2);
console.log(obj);
// → {key3: "value3", key5: "value5", key1: "value1", key2: "value2", key4: "valueDefault"}

0

Cách truy cập dữ liệu trong đối tượng JavaScript bằng cách sử dụng ký hiệu dấu chấm

Bạn cũng có thể sử dụng ký hiệu DOT trên khóa để truy cập giá trị liên quan.

Hãy xem xét điều này

{
    name: "Monica",
    age: 22,
    gender: "female",
    height: 5.4
}

1Object.object.

var obj = {key3: "value3", key5: "value5"};
var obj2 = {key1: "value1", key2:"value2", key3: "valueDefault", key4: "valueDefault", key5: undefined};
_.defaults(obj, obj2);
console.log(obj);
// → {key3: "value3", key5: "value5", key1: "value1", key2: "value2", key4: "valueDefault"}

1

Giả sử bạn muốn lấy lại giá trị bảo vệ bắn súng. Đây là cú pháp để sử dụng:

{
    name: "Monica",
    age: 22,
    gender: "female",
    height: 5.4
}

2

Hãy đặt cú pháp này để sử dụng để có được giá trị "bảo vệ bắn súng".

var obj = {key3: "value3", key5: "value5"};
var obj2 = {key1: "value1", key2:"value2", key3: "valueDefault", key4: "valueDefault", key5: undefined};
_.defaults(obj, obj2);
console.log(obj);
// → {key3: "value3", key5: "value5", key1: "value1", key2: "value2", key4: "valueDefault"}

2

Đây là sự cố của mã trên:

{
    name: "Monica",
    age: 22,
    gender: "female",
    height: 5.4
}

1 là tên của đối tượng

// program to add a key/value pair to an object

const person = {
    name: 'Monica',
    age: 22,
    gender: 'female'
}

// add a key/value pair
person.height = 5.4;

console.log(person);

3 (chấm)

{
    name: "Monica",
    age: 22,
    gender: "female",
    height: 5.4
}

5 là tên khóa

Đây là một ví dụ khác.

var obj = {key3: "value3", key5: "value5"};
var obj2 = {key1: "value1", key2:"value2", key3: "valueDefault", key4: "valueDefault", key5: undefined};
_.defaults(obj, obj2);
console.log(obj);
// → {key3: "value3", key5: "value5", key1: "value1", key2: "value2", key4: "valueDefault"}

3

Cách xóa một cặp giá trị khóa trong JavaScript

Để xóa một cặp giá trị khóa, hãy sử dụng toán tử

{
    name: "Monica",
    age: 22,
    gender: "female",
    height: 5.4
}

6. Đây là cú pháp:

{
    name: "Monica",
    age: 22,
    gender: "female",
    height: 5.4
}

7

Vì vậy, để xóa

// program to add a key/value pair to an object

const person = {
    name: 'Monica',
    age: 22,
    gender: 'female'
}

// add a key/value pair
person.height = 5.4;

console.log(person);

1Key và giá trị của nó khỏi đối tượng

{
    name: "Monica",
    age: 22,
    gender: "female",
    height: 5.4
}

1, bạn đã viết mã này:key and its value from the

{
    name: "Monica",
    age: 22,
    gender: "female",
    height: 5.4
}

1 object, you’d write this code:

var obj = {key3: "value3", key5: "value5"};
var obj2 = {key1: "value1", key2:"value2", key3: "valueDefault", key4: "valueDefault", key5: undefined};
_.defaults(obj, obj2);
console.log(obj);
// → {key3: "value3", key5: "value5", key1: "value1", key2: "value2", key4: "valueDefault"}

4

Do đó, đối tượng

{
    name: "Monica",
    age: 22,
    gender: "female",
    height: 5.4
}

1 hiện có ba cặp giá trị khóa.

var obj = {key3: "value3", key5: "value5"};
var obj2 = {key1: "value1", key2:"value2", key3: "valueDefault", key4: "valueDefault", key5: undefined};
_.defaults(obj, obj2);
console.log(obj);
// → {key3: "value3", key5: "value5", key1: "value1", key2: "value2", key4: "valueDefault"}

5

Bạn có thể thấy mình tiếp cận với ký hiệu DOT thường xuyên, mặc dù có những yêu cầu nhất định phải nhận thức được.

Khi sử dụng ký hiệu DOT, tên khóa có thể chứa khoảng trống, dấu gạch nối hoặc bắt đầu với một số.

Ví dụ, giả sử tôi cố gắng thêm một khóa chứa khoảng trắng bằng ký hiệu DOT. Tôi sẽ nhận được một lỗi.

var obj = {key3: "value3", key5: "value5"};
var obj2 = {key1: "value1", key2:"value2", key3: "valueDefault", key4: "valueDefault", key5: undefined};
_.defaults(obj, obj2);
console.log(obj);
// → {key3: "value3", key5: "value5", key1: "value1", key2: "value2", key4: "valueDefault"}

6

Vì vậy, ký hiệu DOT đã giành được công việc trong mọi tình huống. Đó là lý do tại sao có một lựa chọn khác: ký hiệu khung.

Cách thêm một cặp giá trị khóa bằng ký hiệu khung trong JavaScript

Giống như ký hiệu DOT, bạn có thể sử dụng ký hiệu khung để thêm một cặp giá trị khóa vào một đối tượng.

Ký hiệu khung cung cấp sự linh hoạt hơn so với ký hiệu DOT. Điều đó bởi vì tên khóa có thể bao gồm không gian và dấu gạch nối, và chúng có thể bắt đầu với các số.

Tôi sẽ tạo một

const desk = {
   height: "4 feet",
   weight: "30 pounds",
   color: "brown",
   material: "wood",
 };

1Object bên dưới.object below.

var obj = {key3: "value3", key5: "value5"};
var obj2 = {key1: "value1", key2:"value2", key3: "valueDefault", key4: "valueDefault", key5: undefined};
_.defaults(obj, obj2);
console.log(obj);
// → {key3: "value3", key5: "value5", key1: "value1", key2: "value2", key4: "valueDefault"}

7

Bây giờ tôi muốn thêm một cặp giá trị khóa bằng ký hiệu khung. Đây là cú pháp:

const desk = {
   height: "4 feet",
   weight: "30 pounds",
   color: "brown",
   material: "wood",
 };

2

Vì vậy, đây là cách tôi thêm khóa (nghề nghiệp) và giá trị (bán hàng) vào đối tượng nhân viên:

var obj = {key3: "value3", key5: "value5"};
var obj2 = {key1: "value1", key2:"value2", key3: "valueDefault", key4: "valueDefault", key5: undefined};
_.defaults(obj, obj2);
console.log(obj);
// → {key3: "value3", key5: "value5", key1: "value1", key2: "value2", key4: "valueDefault"}

8

Đây là sự cố của mã trên:

{
    name: "Monica",
    age: 22,
    gender: "female",
    height: 5.4
}

1 là tên của đối tượng

// program to add a key/value pair to an object

const person = {
    name: 'Monica',
    age: 22,
    gender: 'female'
}

// add a key/value pair
person.height = 5.4;

console.log(person);

3 (chấm)

{
    name: "Monica",
    age: 22,
    gender: "female",
    height: 5.4
}

5 là tên khóa

Đây là một ví dụ khác.

Cách xóa một cặp giá trị khóa trong JavaScript

var obj = {key3: "value3", key5: "value5"};
var obj2 = {key1: "value1", key2:"value2", key3: "valueDefault", key4: "valueDefault", key5: undefined};
_.defaults(obj, obj2);
console.log(obj);
// → {key3: "value3", key5: "value5", key1: "value1", key2: "value2", key4: "valueDefault"}

9

Để xóa một cặp giá trị khóa, hãy sử dụng toán tử

{
    name: "Monica",
    age: 22,
    gender: "female",
    height: 5.4
}

6. Đây là cú pháp:

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
$.extend(obj, obj2); 
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3"}

0

Vì vậy, để xóa

// program to add a key/value pair to an object

const person = {
    name: 'Monica',
    age: 22,
    gender: 'female'
}

// add a key/value pair
person.height = 5.4;

console.log(person);

1Key và giá trị của nó khỏi đối tượng

{
    name: "Monica",
    age: 22,
    gender: "female",
    height: 5.4
}

1, bạn đã viết mã này:

var obj = {key3: "value3", key5: "value5"};
var obj2 = {key1: "value1", key2:"value2", key3: "valueDefault", key4: "valueDefault", key5: undefined};
_.defaults(obj, obj2);
console.log(obj);
// → {key3: "value3", key5: "value5", key1: "value1", key2: "value2", key4: "valueDefault"}

1

Do đó, đối tượng

{
    name: "Monica",
    age: 22,
    gender: "female",
    height: 5.4
}

1 hiện có ba cặp giá trị khóa.

var obj = {key3: "value3", key5: "value5"};
var obj2 = {key1: "value1", key2:"value2", key3: "valueDefault", key4: "valueDefault", key5: undefined};
_.defaults(obj, obj2);
console.log(obj);
// → {key3: "value3", key5: "value5", key1: "value1", key2: "value2", key4: "valueDefault"}

6

Bạn có thể thấy mình tiếp cận với ký hiệu DOT thường xuyên, mặc dù có những yêu cầu nhất định phải nhận thức được.

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
$.extend(obj, obj2); 
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3"}

3

Khi sử dụng ký hiệu DOT, tên khóa có thể chứa khoảng trống, dấu gạch nối hoặc bắt đầu với một số.

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
$.extend(obj, obj2); 
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3"}

4

Ví dụ, giả sử tôi cố gắng thêm một khóa chứa khoảng trắng bằng ký hiệu DOT. Tôi sẽ nhận được một lỗi.

Vì vậy, ký hiệu DOT đã giành được công việc trong mọi tình huống. Đó là lý do tại sao có một lựa chọn khác: ký hiệu khung.

Cách thêm một cặp giá trị khóa bằng ký hiệu khung trong JavaScript

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
_.extend(obj, obj2);
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3", key4: undefined}

5

Giống như ký hiệu DOT, bạn có thể sử dụng ký hiệu khung để thêm một cặp giá trị khóa vào một đối tượng.

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
_.extend(obj, obj2);
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3", key4: undefined}

01

Ký hiệu khung cung cấp sự linh hoạt hơn so với ký hiệu DOT. Điều đó bởi vì tên khóa có thể bao gồm không gian và dấu gạch nối, và chúng có thể bắt đầu với các số.

Tôi sẽ tạo một

const desk = {
   height: "4 feet",
   weight: "30 pounds",
   color: "brown",
   material: "wood",
 };

1Object bên dưới.

Bây giờ tôi muốn thêm một cặp giá trị khóa bằng ký hiệu khung. Đây là cú pháp:
Vì vậy, đây là cách tôi thêm khóa (nghề nghiệp) và giá trị (bán hàng) vào đối tượng nhân viên:

const desk = {
   height: "4 feet",
   weight: "30 pounds",
   color: "brown",
   material: "wood",
 };

1 là tên của đối tượng

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
$.extend(obj, obj2); 
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3"}

6

const desk = {
   height: "4 feet",
   weight: "30 pounds",
   color: "brown",
   material: "wood",
 };

4 là tên khóais a method, which is why I added the parentheses at the end to invoke it.

// program to add a key/value pair to an object

const person = {
    name: 'Monica',
    age: 22,
    gender: 'female'
}

// add a key/value pair
person['height'] = 5.4;

console.log(person);

7 (bằng)

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
$.extend(obj, obj2); 
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3"}

7

const desk = { height: "4 feet", weight: "30 pounds", color: "brown", material: "wood", }; 6 là giá trị

Dưới đây là một số ví dụ khác sử dụng tính linh hoạt của ký hiệu khung để thêm nhiều cặp giá trị khóa.

Khi tôi in đối tượng

const desk = {
   height: "4 feet",
   weight: "30 pounds",
   color: "brown",
   material: "wood",
 };

1, có vẻ như sau:

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
$.extend(obj, obj2); 
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3"}

8

Với thông tin này trong tâm trí, chúng tôi có thể thêm khóa phần trăm bắn vào trên mạng vào đối tượng

{
    name: "Monica",
    age: 22,
    gender: "female",
    height: 5.4
}

1 từ trên cao.

Bạn có thể nhớ rằng ký hiệu DOT khiến chúng tôi có lỗi khi chúng tôi cố gắng thêm một khóa bao gồm các khoảng trống.

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
_.extend(obj, obj2);
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3", key4: undefined}

07

Nhưng ký hiệu khung khiến chúng tôi không có lỗi, như bạn có thể thấy ở đây:

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
$.extend(obj, obj2); 
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3"}

9

Đây là kết quả khi tôi in đối tượng:

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
Object.assign(obj, obj2); 
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3", key4: undefined}

0

Cách truy cập dữ liệu trong đối tượng JavaScript bằng cách sử dụng ký hiệu khung

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
_.extend(obj, obj2);
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3", key4: undefined}

10

Bạn cũng có thể sử dụng ký hiệu khung trên khóa để truy cập giá trị liên quan.

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
Object.assign(obj, obj2); 
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3", key4: undefined}

1

Nhớ lại đối tượng

const desk = {
   height: "4 feet",
   weight: "30 pounds",
   color: "brown",
   material: "wood",
 };

9 từ khi bắt đầu bài viết.

Objects:

Chúng ta hãy nhận giá trị được liên kết với khóa,

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
_.extend(obj, obj2);
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3", key4: undefined}

00. Để làm điều này, hãy bọc các trích dẫn tên khóa và đặt nó vào ngoặc. Đây là cú pháp:

Đây là mã bạn viết với ký hiệu khung:

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
_.extend(obj, obj2);
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3", key4: undefined}

02.

Đây là một sự cố của mã trên:

const desk = {
   height: "4 feet",
   weight: "30 pounds",
   color: "brown",
   material: "wood",
 };

9 là tên của đối tượng

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
_.extend(obj, obj2);
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3", key4: undefined}

04 là tên khóa được đặt trong dấu ngoặc vuông

Đây là một ví dụ khác.

Lưu ý rằng

// program to add a key/value pair to an object

const person = {
    name: 'Monica',
    age: 22,
    gender: 'female'
}

// add a key/value pair
person['height'] = 5.4;

console.log(person);

0 là một phương thức, đó là lý do tại sao tôi đã thêm dấu ngoặc đơn vào cuối để gọi nó.

{
    name: "Monica",
    age: 22,
    gender: "female",
    height: 5.4
}

7

Đây là cách bạn gọi một phương thức sử dụng ký hiệu DOT.

Phương thức đối tượng JavaScript

Học mã miễn phí.Chương trình giảng dạy nguồn mở của Freecodecamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển.Bắt đầu

Chìa khóa là gì

Một thuộc tính là một khóa: cặp giá trị, trong đó khóa là một chuỗi (còn được gọi là tên thuộc tính của Google) và giá trị có thể là bất cứ điều gì.Chúng ta có thể tưởng tượng một đối tượng như một tủ với các tập tin đã ký.Mỗi phần dữ liệu được lưu trữ trong tệp của nó bằng khóa. is a “key: value” pair, where key is a string (also called a “property name”), and value can be anything. We can imagine an object as a cabinet with signed files. Every piece of data is stored in its file by the key.

Chúng ta có thể nhận khóa từ giá trị trong JavaScript không?

Để có được khóa của một đối tượng theo giá trị của nó: hãy gọi phương thức đối tượng.keys () để lấy một mảng các phím của đối tượng.Sử dụng phương thức Find () để tìm khóa tương ứng với giá trị.Phương pháp tìm sẽ trả về khóa đầu tiên thỏa mãn điều kiện.Call the Object. keys() method to get an array of the object's keys. Use the find() method to find the key that corresponds to the value. The find method will return the first key that satisfies the condition.

Các phím có thể là chuỗi trong JavaScript?

Tên khóa đối tượng JavaScript phải tuân thủ một số hạn chế là hợp lệ.Tên khóa phải là chuỗi hoặc định danh hợp lệ hoặc tên biến (nghĩa là các ký tự đặc biệt như - không được phép trong các tên khóa không phải là chuỗi).Key names must either be strings or valid identifier or variable names (i.e. special characters such as - are not allowed in key names that are not strings).

programming javascript What is key array key-value javascript Entries in javascript Key in js

Hướng dẫn create key-value pair in javascript - tạo cặp khóa-giá trị trong javascript

_.merge (chỉ Lodash)

_.extend / _.assign

_.defaults

$.extend

Object.assign()

Ví dụ 1: Thêm cặp khóa/giá trị vào một đối tượng bằng cách sử dụng ký hiệu dấu chấm

Ví dụ 2: Thêm cặp khóa/giá trị vào một đối tượng bằng cách sử dụng ký hiệu khung vuông

Cách tạo một đối tượng trong JavaScript

Phím đối tượng trong JavaScript

Giá trị đối tượng trong JavaScript

Cách ký hiệu dấu chấm và ký hiệu khung hoạt động trong JavaScript

Cách thêm một cặp giá trị khóa với ký hiệu dấu chấm trong JavaScript

Cách truy cập dữ liệu trong đối tượng JavaScript bằng cách sử dụng ký hiệu dấu chấm

Cách xóa một cặp giá trị khóa trong JavaScript

Cách thêm một cặp giá trị khóa bằng ký hiệu khung trong JavaScript

Ví dụ, giả sử tôi cố gắng thêm một khóa chứa khoảng trắng bằng ký hiệu DOT. Tôi sẽ nhận được một lỗi.

const desk = { height: "4 feet", weight: "30 pounds", color: "brown", material: "wood", }; 6 là giá trị

Chìa khóa là gì

Chúng ta có thể nhận khóa từ giá trị trong JavaScript không?

Các phím có thể là chuỗi trong JavaScript?

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội