Cách lưu trữ nhiều giá trị trong đối tượng javascript

Tìm hiểu cách trả về nhiều giá trị từ một lệnh gọi hàm trong Javascript. Không giống như go lang, JavaScript không có cách riêng để trả về nhiều giá trị từ một hàm. Trong bài đăng này, bạn sẽ học cách ứng biến vấn đề này và giải quyết vấn đề nếu bạn phải lấy lại nhiều giá trị từ lệnh gọi hàm JavaScript. Đã đến lúc bắt đầu

Mục lục

Hàm JavaScript trả về một giá trị

Khi hàm

package main

import "fmt"

func getPersonalData() (string, int) {
    return "John Doe", 24
}

func main() {	
    fullName, age := getPersonalData()
    fmt.Println(fullName)
    fmt.Println(age)
}

package main

import "fmt"

func getPersonalData() (string, int) {
    return "John Doe", 24
}

func main() {	
    fullName, age := getPersonalData()
    fmt.Println(fullName)
    fmt.Println(age)
}

function getPersonalData() {
  const fullName = ‘John Doe'
}

Giả sử nếu bạn có nhu cầu trả về nhiều giá trị từ hàm

package main

import "fmt"

func getPersonalData() (string, int) {
    return "John Doe", 24
}

func main() {	
    fullName, age := getPersonalData()
    fmt.Println(fullName)
    fmt.Println(age)
}

Trả về nhiều giá trị trong Go lang

Trong các ngôn ngữ như Go lang, có khả năng trả về nhiều giá trị từ một hàm, bên dưới là ví dụ mã với Go

package main

import "fmt"

func getPersonalData() (string, int) {
    return "John Doe", 24
}

func main() {	
    fullName, age := getPersonalData()
    fmt.Println(fullName)
    fmt.Println(age)
}

Như bạn có thể thấy ở trên, hàm

package main

import "fmt"

func getPersonalData() (string, int) {
    return "John Doe", 24
}

func main() {	
    fullName, age := getPersonalData()
    fmt.Println(fullName)
    fmt.Println(age)
}

Thật không may, JavaScript không có cách riêng như trong Go lang để trả về nhiều giá trị từ một hàm. Nhưng có hai cách tích hợp và dễ dàng để trả về nhiều giá trị từ một hàm trong JavaScript với Mảng và Đối tượng. Trong phần tiếp theo, có một ví dụ về trả về nhiều giá trị với một mảng

Trả về nhiều giá trị trong hàm JavaScript bằng một mảng

Một mảng JavaScript có thể được sử dụng để giải quyết vấn đề trả về nhiều giá trị từ cùng một hàm. Dưới đây là hai ví dụ về cách sử dụng một mảng JavaScript để trả về nhiều giá trị. Nó sẽ trả về cả tên đầy đủ và tuổi của người đó từ hàm

package main

import "fmt"

func getPersonalData() (string, int) {
    return "John Doe", 24
}

func main() {	
    fullName, age := getPersonalData()
    fmt.Println(fullName)
    fmt.Println(age)
}

function getPersonalData() {
  const fullName = 'John Doe';
  const age = 24;

  return [fullName, age];
}

const person = getPersonalData();
console.log(`${person[0]} is ${person[1]} years old.`);

Như đã thấy ở trên, nhiều (hai) giá trị đã được trả về từ hàm

package main

import "fmt"

func getPersonalData() (string, int) {
    return "John Doe", 24
}

func main() {	
    fullName, age := getPersonalData()
    fmt.Println(fullName)
    fmt.Println(age)
}

function getPersonalData() {
  const fullName = 'John Doe';
  const age = 24;

  return [fullName, age];
}

const [fullName, age] = getPersonalData();
console.log(`${fullName} is ${age} years old.`);

Nếu bạn nhận thấy dấu ngoặc vuông

package main

import "fmt"

func getPersonalData() (string, int) {
    return "John Doe", 24
}

func main() {	
    fullName, age := getPersonalData()
    fmt.Println(fullName)
    fmt.Println(age)
}

package main

import "fmt"

func getPersonalData() (string, int) {
    return "John Doe", 24
}

func main() {	
    fullName, age := getPersonalData()
    fmt.Println(fullName)
    fmt.Println(age)
}

package main

import "fmt"

func getPersonalData() (string, int) {
    return "John Doe", 24
}

func main() {	
    fullName, age := getPersonalData()
    fmt.Println(fullName)
    fmt.Println(age)
}

package main

import "fmt"

func getPersonalData() (string, int) {
    return "John Doe", 24
}

func main() {	
    fullName, age := getPersonalData()
    fmt.Println(fullName)
    fmt.Println(age)
}

Nếu bạn muốn nhận các giá trị duy nhất từ ​​một mảng, bạn có thể thử bộ JavaScript. Trong quá trình này, bạn cũng có thể tìm hiểu về các hàm mảng JavaScript khác như bản đồ, bộ lọc và tìm. Phần tiếp theo sẽ bao gồm kết quả tương tự với một đối tượng để trả về nhiều giá trị từ một hàm

Trả về nhiều giá trị bằng cách sử dụng một đối tượng

Một cách dễ dàng và tự nhiên khác trong JavaScript để trả về nhiều giá trị từ một hàm là sử dụng một Đối tượng. Bạn có thể trả về tên đầy đủ và tuổi của một người từ hàm bằng cách đóng gói các giá trị dưới dạng thuộc tính của một đối tượng. Dưới đây là hai ví dụ mã có và không có phá hủy

function getPersonalData() {
  const fullName = 'John Doe';
  const age = 24;

  return {fullName, age};
}

const person = getPersonalData();
console.log(`${person.fullName} is ${person.age} years old.`);

Bạn có thể thấy ở trên tên đầy đủ và tuổi của

package main

import "fmt"

func getPersonalData() (string, int) {
    return "John Doe", 24
}

func main() {	
    fullName, age := getPersonalData()
    fmt.Println(fullName)
    fmt.Println(age)
}

Mã tương tự sử dụng sức mạnh hủy diệt để làm cho nó hùng hồn hơn và dễ hiểu hơn như sau

function getPersonalData() {
  const fullName = 'John Doe';
  const age = 24;

  return {fullName, age};
}

const {fullName, age } = getPersonalDataObj();
console.log(`${fullName} is ${age} years old.`);

Tương tự như trên,

package main

import "fmt"

func getPersonalData() (string, int) {
    return "John Doe", 24
}

func main() {	
    fullName, age := getPersonalData()
    fmt.Println(fullName)
    fmt.Println(age)
}

Bạn có thể xem tất cả các ví dụ mã trong kho lưu trữ GitHub này. Để thuận tiện cho bạn, bạn cũng có thể nhanh chóng tìm hiểu các ví dụ về mã trên JsFiddle

Mã trên JsFiddle

Dưới đây là ví dụ mã đang chạy của Js fiddle, hãy đảm bảo xem bảng điều khiển trên trình duyệt của bạn để xem đầu ra của mã ví dụ khi bạn chuyển sang tab kết quả

Phần kết luận

Theo hướng dẫn nhanh này, bạn đã học được hai cách khác nhau để trả về nhiều giá trị từ một hàm trong JavaScript. Cái đầu tiên là với một mảng và cái còn lại là sử dụng một đối tượng. Tôi hy vọng nó đã giải quyết được vấn đề cho bạn, hãy tiếp tục học JavaScript

Làm cách nào tôi có thể lưu trữ nhiều giá trị trong JavaScript?

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

Làm cách nào để lưu trữ nhiều giá trị trong đối tượng JSON?

Một đối tượng có thể có nhiều giá trị không?