Cách gán giá trị cho đối tượng trong javascript

Trong JavaScript, kiểu dữ liệu

let obj = {name: 'Dave', age: 30};

let objCopy = Object.assign(obj, {coder: true});

console.log(obj); // { name: 'Dave', age: 30, coder: true }
console.log(objCopy); // { name: 'Dave', age: 30, coder: true }

7 được sử dụng để lưu trữ các cặp giá trị khóa và giống như kiểu dữ liệu

let obj = {name: 'Dave', age: 30};

let objCopy = Object.assign(obj, {coder: true});

console.log(obj); // { name: 'Dave', age: 30, coder: true }
console.log(objCopy); // { name: 'Dave', age: 30, coder: true }

8, chứa nhiều phương thức hữu ích. Đây là một số phương pháp hữu ích mà bạn sẽ sử dụng khi làm việc với các đối tượng

Phương thức gán đối tượng

Phương pháp

let obj = {name: 'Dave', age: 30};

let objCopy = Object.assign(obj, {coder: true});

console.log(obj); // { name: 'Dave', age: 30, coder: true }
console.log(objCopy); // { name: 'Dave', age: 30, coder: true }

9 được sử dụng để

1. thêm các thuộc tính và giá trị cho một đối tượng hiện có
2. tạo một bản sao mới của một đối tượng hiện có, hoặc
3. kết hợp nhiều đối tượng hiện có thành một đối tượng duy nhất

Phương thức

let obj = {name: 'Dave', age: 30};

let objCopy = Object.assign(obj, {coder: true});

console.log(obj); // { name: 'Dave', age: 30, coder: true }
console.log(objCopy); // { name: 'Dave', age: 30, coder: true }

9 yêu cầu một

let obj = {name: 'Dave', age: 30};

let objCopy = Object.assign({}, obj, {coder: true});

console.log(obj); // { name: 'Dave', age: 30 }
console.log(objCopy); // { name: 'Dave', age: 30, coder: true }

1 làm tham số và có thể chấp nhận số lượng không giới hạn

let obj = {name: 'Dave', age: 30};

let objCopy = Object.assign({}, obj, {coder: true});

console.log(obj); // { name: 'Dave', age: 30 }
console.log(objCopy); // { name: 'Dave', age: 30, coder: true }

2 làm tham số bổ sung

Điều quan trọng cần lưu ý ở đây là tham số

let obj = {name: 'Dave', age: 30};

let objCopy = Object.assign({}, obj, {coder: true});

console.log(obj); // { name: 'Dave', age: 30 }
console.log(objCopy); // { name: 'Dave', age: 30, coder: true }

1 sẽ luôn được sửa đổi. Nếu tham số đó trỏ đến một đối tượng hiện có, thì đối tượng đó sẽ được sửa đổi và sao chép

Nếu bạn muốn tạo một bản sao của một đối tượng mà không sửa đổi đối tượng ban đầu đó, bạn có thể chuyển một đối tượng trống

let obj = {name: 'Dave', age: 30};

let objCopy = Object.assign({}, obj, {coder: true});

console.log(obj); // { name: 'Dave', age: 30 }
console.log(objCopy); // { name: 'Dave', age: 30, coder: true }

4 làm tham số (

let obj = {name: 'Dave', age: 30};

let objCopy = Object.assign({}, obj, {coder: true});

console.log(obj); // { name: 'Dave', age: 30 }
console.log(objCopy); // { name: 'Dave', age: 30, coder: true }

1) đầu tiên và đối tượng được sao chép làm tham số thứ hai (

let obj = {name: 'Dave', age: 30};

let objCopy = Object.assign({}, obj, {coder: true});

console.log(obj); // { name: 'Dave', age: 30 }
console.log(objCopy); // { name: 'Dave', age: 30, coder: true }

6)

Nếu các đối tượng được truyền dưới dạng tham số vào

let obj = {name: 'Dave', age: 30};

let objCopy = Object.assign(obj, {coder: true});

console.log(obj); // { name: 'Dave', age: 30, coder: true }
console.log(objCopy); // { name: 'Dave', age: 30, coder: true }

9 chia sẻ cùng các thuộc tính (hoặc khóa), các giá trị thuộc tính xuất hiện sau trong danh sách tham số sẽ ghi đè lên các thuộc tính xuất hiện trước đó

cú pháp

Object.assign(targetObject, ...sourceObject);

Giá trị trả về

let obj = {name: 'Dave', age: 30};

let objCopy = Object.assign(obj, {coder: true});

console.log(obj); // { name: 'Dave', age: 30, coder: true }
console.log(objCopy); // { name: 'Dave', age: 30, coder: true }

9 trả về

let obj = {name: 'Dave', age: 30};

let objCopy = Object.assign({}, obj, {coder: true});

console.log(obj); // { name: 'Dave', age: 30 }
console.log(objCopy); // { name: 'Dave', age: 30, coder: true }

1

ví dụ

Sửa đổi và sao chép

let obj = {name: 'Dave', age: 30};

let objCopy = Object.assign({}, obj, {coder: true});

console.log(obj); // { name: 'Dave', age: 30 }
console.log(objCopy); // { name: 'Dave', age: 30, coder: true }

1

let obj = {name: 'Dave', age: 30};

let objCopy = Object.assign(obj, {coder: true});

console.log(obj); // { name: 'Dave', age: 30, coder: true }
console.log(objCopy); // { name: 'Dave', age: 30, coder: true }

Sao chép

let obj = {name: 'Dave', age: 30};

let objCopy = Object.assign({}, obj, {coder: true});

console.log(obj); // { name: 'Dave', age: 30 }
console.log(objCopy); // { name: 'Dave', age: 30, coder: true }

1 mà không sửa đổi

let obj = {name: 'Dave', age: 30};

let objCopy = Object.assign({}, obj, {coder: true});

console.log(obj); // { name: 'Dave', age: 30 }
console.log(objCopy); // { name: 'Dave', age: 30, coder: true }

Các đối tượng có cùng thuộc tính

let obj = {name: 'Dave', age: 30, favoriteColor: 'blue'};

let objCopy = Object.assign({}, obj, {coder: true, favoriteColor: 'red'});

console.log(obj); // { name: 'Dave', age: 30, favoriteColor: 'blue' }
console.log(objCopy); // { name: 'Dave', age: 30, favoriteColor: 'red', coder: true }

Phương pháp giá trị đối tượng

Phương thức

let obj = {name: 'Dave', age: 30, favoriteColor: 'blue'};

let objCopy = Object.assign({}, obj, {coder: true, favoriteColor: 'red'});

console.log(obj); // { name: 'Dave', age: 30, favoriteColor: 'blue' }
console.log(objCopy); // { name: 'Dave', age: 30, favoriteColor: 'red', coder: true }

2 lấy một đối tượng làm tham số và trả về một mảng các giá trị của nó. Điều này làm cho nó hữu ích cho việc xâu chuỗi với các phương thức

let obj = {name: 'Dave', age: 30};

let objCopy = Object.assign(obj, {coder: true});

console.log(obj); // { name: 'Dave', age: 30, coder: true }
console.log(objCopy); // { name: 'Dave', age: 30, coder: true }

8 phổ biến như

let obj = {name: 'Dave', age: 30, favoriteColor: 'blue'};

let objCopy = Object.assign({}, obj, {coder: true, favoriteColor: 'red'});

console.log(obj); // { name: 'Dave', age: 30, favoriteColor: 'blue' }
console.log(objCopy); // { name: 'Dave', age: 30, favoriteColor: 'red', coder: true }

4,

let obj = {name: 'Dave', age: 30, favoriteColor: 'blue'};

let objCopy = Object.assign({}, obj, {coder: true, favoriteColor: 'red'});

console.log(obj); // { name: 'Dave', age: 30, favoriteColor: 'blue' }
console.log(objCopy); // { name: 'Dave', age: 30, favoriteColor: 'red', coder: true }

5 và

let obj = {name: 'Dave', age: 30, favoriteColor: 'blue'};

let objCopy = Object.assign({}, obj, {coder: true, favoriteColor: 'red'});

console.log(obj); // { name: 'Dave', age: 30, favoriteColor: 'blue' }
console.log(objCopy); // { name: 'Dave', age: 30, favoriteColor: 'red', coder: true }

6

cú pháp

Object.values(targetObject);

Giá trị trả về

Một mảng các giá trị (

let obj = {name: 'Dave', age: 30};

let objCopy = Object.assign({}, obj, {coder: true});

console.log(obj); // { name: 'Dave', age: 30 }
console.log(objCopy); // { name: 'Dave', age: 30, coder: true }

1) của đối tượng được truyền vào

ví dụ

const obj = { 
  firstName: 'Quincy',
  lastName: 'Larson' 
}

const values = Object.values(obj);

console.log(values); // ["Quincy", "Larson"]

Nếu đối tượng bạn đang chuyển có số là khóa, thì

let obj = {name: 'Dave', age: 30, favoriteColor: 'blue'};

let objCopy = Object.assign({}, obj, {coder: true, favoriteColor: 'red'});

console.log(obj); // { name: 'Dave', age: 30, favoriteColor: 'blue' }
console.log(objCopy); // { name: 'Dave', age: 30, favoriteColor: 'red', coder: true }

8 sẽ trả về giá trị theo thứ tự số của khóa

const obj1 = { 0: 'first', 1: 'second', 2: 'third' };
const obj2 = { 100: 'apple', 12: 'banana', 29: 'pear' };

console.log(Object.values(obj1)); // ["first", "second", "third"]
console.log(Object.values(obj2)); // ["banana", "pear", "apple"]

Nếu một cái gì đó không phải là một đối tượng được chuyển đến

let obj = {name: 'Dave', age: 30, favoriteColor: 'blue'};

let objCopy = Object.assign({}, obj, {coder: true, favoriteColor: 'red'});

console.log(obj); // { name: 'Dave', age: 30, favoriteColor: 'blue' }
console.log(objCopy); // { name: 'Dave', age: 30, favoriteColor: 'red', coder: true }

2, thì nó sẽ bị ép buộc vào một đối tượng trước khi được trả về dưới dạng một mảng

const str = 'hello';

console.log(Object.values(str)); // ["h", "e", "l", "l", "o"]

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

Phương thức

Object.values(targetObject);

0 trả về một giá trị boolean cho biết đối tượng có sở hữu thuộc tính được chỉ định hay không

Đây là một phương pháp thuận tiện để kiểm tra xem một đối tượng có thuộc tính được chỉ định hay không vì nó trả về true/false tương ứng

cú pháp

Object.values(targetObject);

1

Giá trị trả về

true
// or
false

ví dụ

Sử dụng

Object.values(targetObject);

0 để kiểm tra xem một thuộc tính có tồn tại hay không trong một đối tượng nhất định

const course = {
  name: 'freeCodeCamp',
  feature: 'is awesome',
}

const student = {
  name: 'enthusiastic student',
}

course.hasOwnProperty('name');  // returns true
course.hasOwnProperty('feature');   // returns true

student.hasOwnProperty('name');  // returns true
student.hasOwnProperty('feature'); // returns false

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

Phương thức

Object.values(targetObject);

3 lấy một đối tượng làm tham số và trả về và mảng tất cả các thuộc tính của nó

cú pháp

let obj = {name: 'Dave', age: 30};

let objCopy = Object.assign(obj, {coder: true});

console.log(obj); // { name: 'Dave', age: 30, coder: true }
console.log(objCopy); // { name: 'Dave', age: 30, coder: true }

0

Giá trị trả về

Một mảng các chuỗi thuộc tính của đối tượng đã truyền

ví dụ

let obj = {name: 'Dave', age: 30};

let objCopy = Object.assign(obj, {coder: true});

console.log(obj); // { name: 'Dave', age: 30, coder: true }
console.log(objCopy); // { name: 'Dave', age: 30, coder: true }

1

Nếu một cái gì đó không phải là một đối tượng được chuyển đến

Object.values(targetObject);

3, thì nó sẽ được chuyển thành một đối tượng trước khi được trả về dưới dạng một mảng

let obj = {name: 'Dave', age: 30};

let objCopy = Object.assign(obj, {coder: true});

console.log(obj); // { name: 'Dave', age: 30, coder: true }
console.log(objCopy); // { name: 'Dave', age: 30, coder: true }

2

Hứa. nguyên mẫu. sau đó

Hàm

Object.values(targetObject);

5 chấp nhận hai đối số và trả về một Lời hứa

Đối số đầu tiên là một hàm bắt buộc chấp nhận một đối số. Thực hiện thành công một Promise sẽ kích hoạt chức năng này

Đối số thứ hai là một hàm tùy chọn cũng chấp nhận một đối số của chính nó. Lỗi bị ném hoặc Từ chối lời hứa sẽ kích hoạt chức năng này

let obj = {name: 'Dave', age: 30};

let objCopy = Object.assign(obj, {coder: true});

console.log(obj); // { name: 'Dave', age: 30, coder: true }
console.log(objCopy); // { name: 'Dave', age: 30, coder: true }

3

Object.values(targetObject);

5 cho phép bạn thực hiện nhiều hoạt động không đồng bộ theo trình tự. Bạn thực hiện việc này bằng cách đính kèm một hàm

Object.values(targetObject);

7 với một hàm khác được phân tách bằng dấu chấm

let obj = {name: 'Dave', age: 30};

let objCopy = Object.assign(obj, {coder: true});

console.log(obj); // { name: 'Dave', age: 30, coder: true }
console.log(objCopy); // { name: 'Dave', age: 30, coder: true }

4

Bản đồ. nguyên mẫu. mục

Trả về một đối tượng

Object.values(targetObject);

8 mới chứa các cặp

Object.values(targetObject);

9 cho mỗi phần tử trong đối tượng

const obj = { 
  firstName: 'Quincy',
  lastName: 'Larson' 
}

const values = Object.values(obj);

console.log(values); // ["Quincy", "Larson"]

0 theo thứ tự chèn

cú pháp

let obj = {name: 'Dave', age: 30};

let objCopy = Object.assign(obj, {coder: true});

console.log(obj); // { name: 'Dave', age: 30, coder: true }
console.log(objCopy); // { name: 'Dave', age: 30, coder: true }

5

Ví dụ

let obj = {name: 'Dave', age: 30};

let objCopy = Object.assign(obj, {coder: true});

console.log(obj); // { name: 'Dave', age: 30, coder: true }
console.log(objCopy); // { name: 'Dave', age: 30, coder: true }

6

Thông tin thêm về các đối tượng trong JavaScript

• Cách tạo đối tượng trong JavaScript
• Cách lặp qua các đối tượng trong JavaScript

Thông tin thêm về booleans

• Boolean trong JavaScript

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO

---

Nếu bài viết này hữu ích, hãy tweet nó

Học cách viết mã miễn phí. Chương trình giảng dạy mã 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

Làm cách nào để đặt giá trị trong đối tượng JavaScript?

Làm cách nào để gán giá trị mới cho thuộc tính đối tượng trong JavaScript?

Làm cách nào để nhận giá trị trong đối tượng JavaScript?

Làm thế nào một người có thể gán giá trị cho các đối tượng?