Symbol.isConcatSpreadable
well-known symbol is used to configure if an object should be flattened to its array elements when using the
Array.prototype.concat()
方法。
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
@@isConcatSpreadable
symbol (
Symbol.isConcatSpreadable
) can be defined as an own or inherited property and its value is a boolean. It can control behavior for arrays and array-like objects:
Symbol.isConcatSpreadable
can avoid flattening in these cases.
Symbol.isConcatSpreadable
can force flattening in these cases.
特性属性在
Symbol.isConcatSpreadable
|
|
|---|---|
| 可写 | no |
| 可枚举 | no |
| 可配置 | no |
默认情况下,
Array.prototype.concat()
spreads (flattens) arrays into its result:
let alpha = ['a', 'b', 'c'], let numeric = [1, 2, 3] let alphaNumeric = alpha.concat(numeric) console.log(alphaNumeric) // Result: ['a', 'b', 'c', 1, 2, 3]
When setting
Symbol.isConcatSpreadable
to
false
, you can disable the default behavior:
let alpha = ['a', 'b', 'c'], let numeric = [1, 2, 3] numeric[Symbol.isConcatSpreadable] = false let alphaNumeric = alpha.concat(numeric) console.log(alphaNumeric) // Result: ['a', 'b', 'c', [1, 2, 3] ]
For array-like objects, the default is to not spread.
Symbol.isConcatSpreadable
needs to be set to
true
in order to get a flattened array:
let x = [1, 2, 3]
let fakeArray = {
[Symbol.isConcatSpreadable]: true,
length: 2,
0: 'hello',
1: 'world'
}
x.concat(fakeArray) // [1, 2, 3, "hello", "world"]
注意:
length
property is used to control the number of object properties to be added. In the above example,
length:2
indicates two properties has to be added.
| 规范 |
|---|
|
ECMAScript (ECMA-262)
The definition of 'Symbol.isconcatspreadable' in that specification. |
| Desktop | Mobile | Server | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
isConcatSpreadable
|
Chrome 48 | Edge 15 | Firefox 48 | IE No | Opera 35 | Safari 10 | WebView Android 48 | Chrome Android 48 | Firefox Android 48 | Opera Android 35 | Safari iOS 10 | Samsung Internet Android 5.0 | nodejs 6.0.0 |
完整支持
不支持
Symbol
Function
Object
Object.prototype.__defineGetter__()
Object.prototype.__defineSetter__()
Object.prototype.__lookupGetter__()
Object.prototype.__lookupSetter__()
Object.prototype.hasOwnProperty()
Object.prototype.isPrototypeOf()
Object.prototype.propertyIsEnumerable()
Object.prototype.toLocaleString()
Object.prototype.toSource()
Object.prototype.toString()
Object.prototype.valueOf()
Object.setPrototypeOf()