js改变数组的两个元素的位子，互换、置顶

最新推荐文章于 2024-10-10 18:07:45 发布

前端黑眼圈

最新推荐文章于 2024-10-10 18:07:45 发布

阅读量1.9k

点赞数 2

分类专栏： js

本文链接：https://blog.youkuaiyun.com/qq_36595944/article/details/116197854

版权

js 专栏收录该内容

31 篇文章

订阅专栏

这篇博客详细介绍了JavaScript中数组的unshift、shift和splice方法，包括它们的使用方式和如何改变数组。通过示例展示了如何进行元素的交换、置顶、上移和下移操作，适用于数组管理与数据操作的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var data=[

      {name:'id',value:'ID'}

    , {name:'username',value:'用户名'}

    , {name:'email',value:'邮箱'}

    ,
];

var index=9;

unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。

shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。

splice() 方法可删除从 index 处开始的零个或多个元素，并且用参数列表中声明的一个或多个值来替换那些被删除的元素。

三种方法都会改变数组

1:两个元素换位子；

function swapArr(arr, index1, index2) {
    arr[index1] = arr.splice(index2, 1, arr[index1])[0];
    return arr;
}

2:置顶移动

function toFirst(fieldData,index) {

    if(index!=0){

        // fieldData[index] = fieldData.splice(0, 1, fieldData[index])[0]; 这种方法是与另一个元素交换了位子，

        fieldData.unshift(fieldData.splice(index , 1)[0]);

    }

}

3:up 上移动一格

function upGo(fieldData,index){

    if(index!=0){

        fieldData[index] = fieldData.splice(index-1, 1, fieldData[index])[0];

    }else{

        fieldData.push(fieldData.shift());

    }

}

4:down 下移动一格

function downGo(fieldData,index) {

    if(index!=fieldData.length-1){

        fieldData[index] = fieldData.splice(index+1, 1, fieldData[index])[0];

    }else{

        fieldData.unshift( fieldData.splice(index,1)[0]);

    }

}