JavaScript数组sort()、concat()、slise()、splise()方法

在JS中数组用sort()方法排序,默认的是字母排序,而不是按照数字大小排序,而在比较数字时它会先将开头的第一个数字变成字符串后比较,得出的就不是我们想要的值了。具体情况如下:

sort():数组排序

var arr = ['a','b','d','c'];
arr.sort();
//arr = ["a", "b", "c", "d"]
var arr = [13,24,51,3];
arr.sort();
//arr = [13, 24, 3, 51]

想要用sort()方法将数字排序,我们可以写个函数,如下:

arr.sort(function(a,b){
	return a - b;
});
//arr = [3, 13, 24, 51]

对象:

arr = [{age:22},{age:33},{age:55}];
arr.sort(function(a,b){
	return a.age - b.age;
});
arr.forEach(function(item){
	console.log('age',item.age);
});
//结果为
//age 22
//age 33
//age 55

若想要的到从大到小的组数话将b -a即可。

注意:使用sort()方法会将原数组的值改变。

concat():数组合并

数组中添加数据:

var arr = [1,2,3];
arr.concat(4,5);    //[1,2,3,4,5]
arr;
//arr = [1, 2, 3]
arr.concat([10,11],12);    //[1, 2, 3, 10, 11, 12]
//当传入的数里有数组时会将数组里面拉平,不会再以数组的形式存储
arr.concat([1,[1,1]]);    //[1, 2, 3, 1, [1,1]]
//当传入的形式时数组里面添加数组就依然会以数组形式存储

注意:concat()不改变原数组

slice():区间左闭右开

var arr = [1,2,3,4,5];
arr.slice(1,3);        //[2,3]
arr.slice(1);          //[2,3,4,5],省略代表从当前数到最后一个
arr.slice(1,-1);       //[2,3,4],数组最后一个数是-1,倒数第二个是-2,以此类推
arr.slice(-4,-3);      //[2]

注意:slice()对原数组不修改。

splice():数组拼接

var arr = [1,2,3,4,5];
arr.splice(2);        //return [3,4,5],从3开始剪切删除
arr;                  //[1,2];
var arr = [1,2,3,4,5];
arr.splice(2,2);        //return [3,4],从3开始删除2个
arr;                    //arr = [1,2,5]
var arr = [1,2,3,4,5];
arr.splice(1,1,'a','b','c');        //return [2],从而开始删除1个,然后把'a','b','c'从删除的位            
                                    //置插入
arr;                                //arr = [1, "a", "b", "c", 3, 4, 5]

注意:splice()改变原数组。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
数组方法concat()是用于连接两个或多个数组,并返回一个新的数组。当没有传递参数时,concat()方法只是复制当前数组并返回副本。如果传递的是一个或多个数组,则该方法会将这些数组中的每一项都添加到结果数组中。如果传递的值不是数组,这些值会被简单地添加到数组的末尾。 例如,如果我们有三个数组mya1、mya2和mya3,分别包含了不同的字符串元素,我们可以使用concat()方法将它们连接起来,代码如下: ``` var mya1 = new Array("hello!"); var mya2 = new Array("I", "love"); var mya3 = new Array("JavaScript", "!"); var mya4 = mya1.concat(mya2, mya3); document.write(mya4); ``` 运行结果将是"hello!", "I", "love", "JavaScript", "!"。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [数组连接concat()](https://blog.csdn.net/qq_24193261/article/details/52604273)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [JS数组方法concat()用法实例分析](https://download.csdn.net/download/weixin_38593644/13135747)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值