小编Tha*_*thr的帖子

Underscore.js在对象数组中找到唯一值; 返回独特的物品及其数量

我使用_underscore.js来查找数组中的所有唯一项,但我无法弄清楚如何获取返回的唯一项数.

_PERSONARRAY = [{name:"tom",age:7}{name:"john",age:9}{name:"becky",age:2}{name:"sam",age:7}]

_UNIQUEAGEARRAY = _.chain(_PERSONARRAY).map(function(person) { return person.age }).uniq().value();
Run Code Online (Sandbox Code Playgroud)

在这种情况下,_UNIQUEAGEARRAY将等于:

[7,9,2]
Run Code Online (Sandbox Code Playgroud)

我实际需要返回的是:

[{uniqueAge:7,numberOfPeople:2}{uniqueAge:9,numberOfPeople:1}{uniqueAge:2,numberOfPeople:1}]
Run Code Online (Sandbox Code Playgroud)

感谢帮助.另外,我假设_underscore.js很快就这样做了?如果这是愚蠢的慢,告诉我因为我会接受其他解决方案.

javascript unique underscore.js

26
推荐指数
2
解决办法
4万
查看次数

改变Slick Carousel的高度

这是一个嵌入Bootstrap缩略图的Slick Carousel小提琴.

的jsfiddle

如何使转盘只有200px高并确保图像按比例缩放?我似乎无法将旋转木马放入容器中,而这个容器的高度是我所要求的.

注意:加载此小提琴后调整浏览器大小!这适用于已知错误,其中插件布局未在页面加载时初始化.这不是我需要解决的问题.忽略这个问题.

HTML

<div ng-app="slickExampleApp" class="background">
    <div ng-controller="SlickCtrl">
        <div class="inner-container row">
            <div class="thumbnail col-lg-6 col-lg-offset-3 col-md-6 col-md-offset-3 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1">
                <div ng-repeat="result in results">
                        <slick-carousel
                                    settings="slickConfig"
                                    media="result.images">
                            </slick-carousel>

                        <div class="row">
                            <div class="caption">
                            <h4 class="heading">{{result.heading}}</h4>
                            <p class="body">{{result.body}}</p>
                            <p class="text-center">
                                <a href="#" class="btn btn-default btn-lg" role="button">Place Offer</a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

JS

var app = angular.module('slickExampleApp', ['slick']);

app.controller('SlickCtrl', function ($scope) {

        $scope.slickConfig = {
            dots: true,
            lazyLoad: 'progressive',
            infinite: true,
            speed: 100,
            slidesToScroll: 1, …
Run Code Online (Sandbox Code Playgroud)

css angularjs twitter-bootstrap-3 slick.js

16
推荐指数
4
解决办法
6万
查看次数