Array_Slice를 사용하여 슬라이드 회전식 데이터 슬라이싱을 구현하십시오

gitbox 2025-06-06

슬라이드 캐 러셀 구성 요소를 구축 할 때는 종종 이미지 또는 컨텐츠 세트를 페이지를 이끌어 야합니다. 예를 들어, 일련의 이미지 데이터가 있습니다. 각 회전 목마에 3 장의 사진을 표시 한 다음 다음 3 장의 사진 등을 표시하기를 희망합니다. 이러한 종류의 데이터 슬라이싱 작업은 Array_Slice 기능을 통해 PHP에서 쉽게 구현할 수 있습니다.

1. array_slice 소개

Array_Slice 는 PHP가 제공하는 배열 처리 함수이며, 원래 배열의 내용을 변경하지 않고 배열에서 하위 배열을 추출하는 데 사용됩니다.

구문은 다음과 같습니다.

 array_slice(array $array, int $offset, ?int $length = null, bool $preserve_keys = false): array

$ 배열 : 작업을 수행 할 원래 배열.
$ 오프셋 : 배열에서 추출 된 시작 위치 (0부터 시작).
$ 길이 : 추출 할 요소 수.
$ preserve_keys : 원래 배열의 키 이름을 보존할지 여부 (기본값은 인덱스를 재건하는 것입니다).

2. 실제 응용 시나리오 : 회전식 슬라이스를 슬라이드합니다

슬라이드 쇼에 표시 될 준비가 된 다음 이미지 배열이 있다고 가정합니다.

 $slides = [
    'https://gitbox.net/images/slide1.jpg',
    'https://gitbox.net/images/slide2.jpg',
    'https://gitbox.net/images/slide3.jpg',
    'https://gitbox.net/images/slide4.jpg',
    'https://gitbox.net/images/slide5.jpg',
    'https://gitbox.net/images/slide6.jpg',
    'https://gitbox.net/images/slide7.jpg',
];

각 회전 목마 그룹이 3 개의 이미지를 표시하기를 바랍니다.

 $groupSize = 3;
$totalSlides = count($slides);
$totalGroups = ceil($totalSlides / $groupSize);

for ($i = 0; $i < $totalGroups; $i++) {
    $offset = $i * $groupSize;
    $slideGroup = array_slice($slides, $offset, $groupSize);
    
    echo "1. " . ($i + 1) . " 그룹 슬라이드 쇼：<br>";
    foreach ($slideGroup as $slide) {
        echo "<img src=\"$slide\" style=\"width:200px;height:auto;margin:5px;\">";
    }
    echo "<hr>";
}

3. 효과 설명

CEIL ($ TotalsLides/$ Groupsize)은 총 얼마나 많은 그룹이 필요한지 계산합니다.
매번 사진 세트는 원래 배열에서 Array_Slice 를 통해 찍은 것입니다.
정적 페이지 렌더링 또는 서버 측 템플릿 출력에 적합한 페이징 출력을 구현하는 데 루프 를 사용합니다.

4. 프론트 엔드 회전식 구성 요소와 협력하십시오

Array_Slice 의 출력 결과는 JSON으로 캡슐화되어 스위퍼 및 슬라이크와 같은 프론트 엔드 구성 요소로 전달하여 동적으로로드 할 수 있습니다.

 // 이것이 있다고 가정합니다 API 반품
$offset = isset($_GET['page']) ? (int)$_GET['page'] * $groupSize : 0;
$currentGroup = array_slice($slides, $offset, $groupSize);

header('Content-Type: application/json');
echo json_encode($currentGroup);

이러한 방식으로 프론트 엔드는 동적 회전식 효과를 달성하기 위해 https://gitbox.net/api/slides.php?page=1을 비동기로 요청하여 해당 페이지의 데이터를 얻을 수 있습니다.

5. 요약

Array_Slice 는 데이터 페이징 및 그룹화 디스플레이를 처리하기위한 강력한 도구입니다. 슬라이드 회전 목마의 요구를 위해, Array_Slice는 주문시 1 차원 배열을 쉽게 자르기 위해 사용될 수 있으며, 프론트 엔드 구성 요소로 원활한 사용자 경험을 달성 할 수 있습니다. 그림 외에도 코드 재사용 성과 유연성을 향상시키기 위해 유사한 방식으로 1 차원 배열 (예 : 기사 목록 및 제품 목록)을 처리 할 수 있습니다.

array_slice