Tôi đã yêu thích Lodash / Undercore khi viết các dự án lớn hơn.
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. 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: 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 const desk = {
height: "4 feet",
weight: "30 pounds",
color: "brown",
material: "wood",
};
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.// 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];
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}
1Cá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}
2Nó 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}
3Có 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}
4Giá 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}
5Bâ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:
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ị// 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];
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}
8Tô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"}
0Cá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"}
1Giả 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
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];
{ 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"}
3Cá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"}
4Do đó, đố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"}
5Bạ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"}
6Vì 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"}
7Bâ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",
};
2Vì 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
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];
{ 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"}
0Vì 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"}
1Do đó, đố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"}
6Bạ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"}
3Khi 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"}
4Ví 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}
5Giố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}
01Ký 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ượngvar 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"}
6const 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"}
7const desk = {
height: "4 feet",
weight: "30 pounds",
color: "brown",
material: "wood",
};
6 là giá trị
const desk = {
height: "4 feet",
weight: "30 pounds",
color: "brown",
material: "wood",
};
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"}
8Vớ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}
07Như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}
0Cá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}
10Bạ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}
1Nhớ 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,
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: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}
- Đây là mã bạn viết với ký hiệu khung:
02.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}
- Đây là một sự cố của mã trên:
9 là tên của đối tượngconst desk = {
height: "4 feet",
weight: "30 pounds",
color: "brown",
material: "wood",
};
04 là tên khóa được đặt trong dấu ngoặc vuôngvar 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}
- Đây là một ví dụ khác.
Lưu ý rằng
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ó.// 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];
{ 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