[JavaScript基础]学习⑤①--Collections

underscore为集合类对象提供了一致的接口。集合类是指Array和Object,暂不支持Map和Set。

map/filter

<script type="text/javascript" src="jquery-3.2.1.js"></script>
    <script type="text/javascript" src="underscore-min.js"></script>
    <script type="text/javascript">
        'use strict';

        var obj = {
            name: 'bob',
            school: 'No.1 middle school',
            address: 'xueyuan road'
        };
        function isLowerCase(str) {
            return str === str.toLowerCase();
        }

        var upper = _.map(obj, function (value, key) {
            return isLowerCase(value) && isLowerCase(key);
        });

        alert(upper);

    </script>

every / some

'use strict';
// 所有元素都大于0?
_.every([1, 4, 7, -3, -9], (x) => x > 0); // false
// 至少一个元素大于0?
_.some([1, 4, 7, -3, -9], (x) => x > 0); // true

集合是Object

  <script type="text/javascript" src="jquery-3.2.1.js"></script>
    <script type="text/javascript" src="underscore-min.js"></script>
    <script type="text/javascript">
        'use strict';

        var obj = {
            name: 'bob',
            school: 'No.1 middle school',
            address: 'xueyuan road'
        };


        function isLowerCase(str) {
            return str === str.toLowerCase();
        }

        var r1 = _.every(obj, function (value, key) {
            return isLowerCase(value) && isLowerCase(key);
        });

        var r2 = _.some(obj, function (value, key) {
            return isLowerCase(value) && isLowerCase(key);
        });

        alert('every key-value are lowercase: ' + r1 + '\nsome key-value are lowercase: ' + r2);


    </script>

max / min

'use strict';
var arr = [3, 5, 7, 9];
_.max(arr); // 9
_.min(arr); // 3

// 空集合会返回-Infinity和Infinity,所以要先判断集合不为空:
_.max([])
-Infinity
_.min([])
Infinity

如果集合是Object,max()和min()只作用于value,忽略掉key:

'use strict';
_.max({ a: 1, b: 2, c: 3 }); // 3

groupBy

把集合的元素按照key归类,key由传入的函数返回:

 'use strict';

        var scores = [20, 81, 75, 40, 91, 59, 77, 66, 72, 88, 99];
        var groups = _.groupBy(scores, function (x) {
            if (x < 60) {
                return 'C';
            } else if (x < 80) {
                return 'B';
            } else {
                return 'A';
            }
        });

        alert(JSON.stringify(groups));
// 结果:
// {
//   A: [81, 91, 88, 99],
//   B: [75, 77, 66, 72],
//   C: [20, 40, 59]
// }

shuffle / sample

shuffle()用洗牌算法随机打乱一个集合

'use strict';
// 注意每次结果都不一样:
_.shuffle([1, 2, 3, 4, 5, 6]); // [3, 5, 4, 6, 2, 1]

sample()则是随机选择一个或多个元素:

'use strict';
// 注意每次结果都不一样:
// 随机选1个:
_.sample([1, 2, 3, 4, 5, 6]); // 2
// 随机选3个:
_.sample([1, 2, 3, 4, 5, 6], 3); // [6, 1, 4]
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容