如何使用變數讀取 property?

使用變數讀取 property 取代 if else

傳統我們會使用 if else 判斷，讀取不同的 property，但由於 JavaScript 與 PHP 動態語言的特性，我們可以將要讀取的 property 名稱以變數表示，直接以該變數讀取 property。

Version

ECMAScript 5
PHP 7.0

JavaScript

if else

傳統若要根據不同的條件，讀取不同 property，我們會使用 if else方式 :1 1GitHub Commit : JavaScript : 傳統使用 if else 切換讀取 property

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
function User(firstName, lastName) {
    this.firstName = firstName;
    this.lastName = lastName;    
}

var type = 'first';

var user = new User('Sam', 'Xiao');
if (type === 'first') {
    console.log(user.firstName);
} else {
    console.log(user.lastName);
}

第 9 行

1
2
3
4
5
if (type === 'first') {
    console.log(user.firstName);
} else {
    console.log(user.lastName);
}

使用 if else 去判斷變數值，讀取不同 property。

Variable

若將 property 名稱使用變數表示，則不需使用 if else 判斷 :2 2GitHub Commit : JavaScript : 動態使用變數切換讀取 property

JavaScript
1
2
3
4
5
6
7
8
9
10
11
function User(firstName, lastName) {
    this.firstName = firstName;
    this.lastName = lastName;    
}

var type = 'first';

var user = new User('Sam', 'Xiao');
propName = (type === 'first') ? 'firstName' : 'lastName';

console.log(user[propName]);

第 9 行

1
2
3
propName = (type === 'first') ? 'firstName' : 'lastName';

console.log(user[propName]);

判斷 type，並將要讀取的 property 名稱存入 propName 變數。

在 JavaScript，若要執行物件的 method，有以下3種方式 :

  1. object.property
  2. object[‘property’] : 其中 ‘property’ 是字串。
  3. object[property] : 其中 property 是變數。

因為第 3 種方式，我們可以將 property 名稱以變數方式傳入 []。

PHP

PHP 也可以達到類似 JavaScript 的功能。

if else

傳統若要根據不同的條件，讀取不同 property，我們會使用 if else方式 :3 3GitHub Commit : PHP : 傳統使用 if else 切換讀取 property

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
class User
{
    /** @var string */  
    public $firstName;
    /** @var string */
    public $lastName;

    /**
     * User constructor.
     * @param string $firstName
     * @param string $lastName
     */
    public function __construct(string $firstName, string $lastName)
    {
        $this->firstName = $firstName;
        $this->lastName = $lastName;
    }
}

$type = 'first';

$user = new User('Sam', 'Xiao');
if ($type === 'first') {
    echo($user->firstName);
} else {
    echo($user->lastName);
}

第 23 行

1
2
3
4
5
if ($type === 'first') {
    echo($user->firstName);
} else {
    echo($user->lastName);
}

使用 if else 去判斷變數值，讀取不同 property。

Variable

若將 property 名稱使用變數表示，則不需使用 if else判斷 :4 4GitHub Commit : PHP : 動態使用變數切換讀取 property

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
class User
{
    /** @var string */  
    public $firstName;
    /** @var string */
    public $lastName;

    /**
     * User constructor.
     * @param string $firstName
     * @param string $lastName
     */
    public function __construct(string $firstName, string $lastName)
    {
        $this->firstName = $firstName;
        $this->lastName = $lastName;
    }
}

$type = 'first';

$user = new User('Sam', 'Xiao');
$propName = ($type === 'first') ? 'firstName' : 'lastName';

echo($user->$propName);

第 23 行

1
2
3
$propName = ($type === 'first') ? 'firstName' : 'lastName';

echo($user->$propName);

判斷 $type，並將要讀取的 property 名稱存入 $propName 變數。

在 PHP，允許我們在 -> 之後直接加上變數，代表要執行的 property。

Conclusion

  • JavaScript 與 PHP 都允許我們將欲讀取的 propety 名稱以變數表示。
  • 因為 property 名稱是字串，所以我們可以將 property 名稱存在設定檔內，如 config/app.php，將來若因為需求改變，須改變讀取的 property 時，只需修改設定檔即可，並透過 config::get() 讀取 property 名稱，原來程式碼完全不用修改，達到開放封閉原則的要求。

Sample Code

完整的範例可以在我的 GitHub 上找到。

2016-06-07
▲