首页 >> js开发 >> js代码JavaScript数组常用的增删改查与其他属性详解
js代码JavaScript数组常用的增删改查与其他属性详解
发布时间: 2021年1月13日 | 浏览:
| 分类:js开发
数组的增删改查数组的增删改查数组的插入数组的插入push()尾部插入
var arr2 = [1, 2, 3]
arr2.push(4, 5, 6)
console.log(arr2) //[1,2,3,4,5,6]
var arr2 = [1, 2, 3]
arr2.push(4, 5, 6)
console.log(arr2) //[1,2,3,4,5,6]
unshift()头部插入
var arr3 = [1, 2, 3]
arr3.unshift(4, 5, 6)
console.log(arr3) //[4, 5, 6, 1, 2, 3]
var arr3 = [1, 2, 3]
arr3.unshift(4, 5, 6)
console.log(arr3) //[4, 5, 6, 1, 2, 3]
splcie 在任意位置内插入,或删除
arr.splice(n,m,x)从索引n开始删除m个元素,把新增的元素X放在索引n的前面,
(等于在任意位置删除元素然后插入)
arr.splice(n,m,x)从索引n开始删除m个元素,把新增的元素X放在索引n的前面,(等于在任意位置删除元素然后插入)
var arr4 = [1, 2, 3]
arr4.splice(1, 1, 888, 999)
console.log(arr4) //索引1开始,删除1个元素,然后增加888,999
var arr4 = [1, 2, 3]
arr4.splice(1, 1, 888, 999)
console.log(arr4) //索引1开始,删除1个元素,然后增加888,999
arr.splice(n,0,x)从索引n开始删除0个元素,把新增加的元素x放在索引n的前面,
(等于在任意位置前插入)
arr.splice(n,0,x)从索引n开始删除0个元素,把新增加的元素x放在索引n的前面,(等于在任意位置前插入)
var arr5 = [1, 2, 3]
arr5.splice(1, 0, 888, 999)
console.log(arr5) //索引1开始,删除0个元素,然后在索引1前增加888,999
var arr5 = [1, 2, 3]
arr5.splice(1, 0, 888, 999)
console.log(arr5) //索引1开始,删除0个元素,然后在索引1前增加888,999
arr.splice(n,m)从索引n开始删除m个元素,把删除的内容当做新数组返回,原有数组改变,
(等于删除元素)
arr.splice(n,m)从索引n开始删除m个元素,把删除的内容当做新数组返回,原有数组改变,(等于删除元素)
var arr6 = [1, 2, 3]
arr6.splice(1, 1)
console.log(arr6) //索引1开始,删除1个元素
var arr6 = [1, 2, 3]
arr6.splice(1, 1)
console.log(arr6) //索引1开始,删除1个元素
数组的删除数组的删除pop()删除数组的最后一项
var arr7 = [1, 2, 3]
arr7.pop()
console.log(arr7)
var arr7 = [1, 2, 3]
arr7.pop()
console.log(arr7)
shift() 删除数组的的第一项,返回的是删除的那一项,原有数组改变
var arr8 = [1, 2, 3]
arr8.shift()
console.log(arr8)
var arr8 = [1, 2, 3]
arr8.shift()
console.log(arr8)
数组的查询数组的查询查询用indexOf() ,若存在返回索引值,不存在返回-1
var arr9 = [4, 5, 6, 's']
console.log(arr9.indexOf('s')) //3
var arr9 = [4, 5, 6, 's']
console.log(arr9.indexOf('s')) //3
其他其他数组自定义连接符号 join()
var arr10 = [4, 5, 6, 's']
console.log(arr10.join("-")) //4-5-6-s
var arr10 = [4, 5, 6, 's']
console.log(arr10.join("-")) //4-5-6-s
数组合并concat()
- var arr11 = [1, 2, 3]
var arr11 = arr11.concat(7, 8, 9)
console.log(arr11) //7,8,9合并到arr11
var arr12 = [4, 5, 6]
var arr13 = [7, 8, 9]
console.log(arr12.concat(arr13)) //arr13合并到arr12
- var arr11 = [1, 2, 3]
var arr11 = arr11.concat(7, 8, 9)
console.log(arr11) //7,8,9合并到arr11
var arr12 = [4, 5, 6]
var arr13 = [7, 8, 9]
console.log(arr12.concat(arr13)) //arr13合并到arr12
数组的排列和排序reverse() 把数组倒序
var arr14 = [1, 2, 3]
console.log(arr14.reverse()) //[3, 2, 1]
var arr14 = [1, 2, 3]
console.log(arr14.reverse()) //[3, 2, 1]
sort 可以实现由大到小或者由小到大的排序,但是sort只能排序十以内的数字
var arr15 = [8, 6, 2, 4, 3, 1, 7, 5]
console.log(arr15.sort()) //[1, 2, 3, 4, 5, 6, 7, 8]
var arr15 = [8, 6, 2, 4, 3, 1, 7, 5]
console.log(arr15.sort()) //[1, 2, 3, 4, 5, 6, 7, 8]
任意数从小到大排序
var arr = [1, 2, 3, 81, 95, 3];
a = arr.sort(function(a, b) {
return (a - b);
});
console.log(a);
ary.sort(function(a, b) {
return (a - b);
})
var arr = [1, 2, 3, 81, 95, 3];
a = arr.sort(function(a, b) {
return (a - b);
});
console.log(a);
ary.sort(function(a, b) {
return (a - b);
})
总结总结
var arr2 = [1, 2, 3]
arr2.push(4, 5, 6)
console.log(arr2) //[1,2,3,4,5,6]
var arr2 = [1, 2, 3]
arr2.push(4, 5, 6)
console.log(arr2) //[1,2,3,4,5,6]
unshift()头部插入
var arr3 = [1, 2, 3]
arr3.unshift(4, 5, 6)
console.log(arr3) //[4, 5, 6, 1, 2, 3]
var arr3 = [1, 2, 3]
arr3.unshift(4, 5, 6)
console.log(arr3) //[4, 5, 6, 1, 2, 3]
splcie 在任意位置内插入,或删除
arr.splice(n,m,x)从索引n开始删除m个元素,把新增的元素X放在索引n的前面,
(等于在任意位置删除元素然后插入)
arr.splice(n,m,x)从索引n开始删除m个元素,把新增的元素X放在索引n的前面,(等于在任意位置删除元素然后插入)
var arr4 = [1, 2, 3]
arr4.splice(1, 1, 888, 999)
console.log(arr4) //索引1开始,删除1个元素,然后增加888,999
var arr4 = [1, 2, 3]
arr4.splice(1, 1, 888, 999)
console.log(arr4) //索引1开始,删除1个元素,然后增加888,999
arr.splice(n,0,x)从索引n开始删除0个元素,把新增加的元素x放在索引n的前面,
(等于在任意位置前插入)
arr.splice(n,0,x)从索引n开始删除0个元素,把新增加的元素x放在索引n的前面,(等于在任意位置前插入)
var arr5 = [1, 2, 3]
arr5.splice(1, 0, 888, 999)
console.log(arr5) //索引1开始,删除0个元素,然后在索引1前增加888,999
var arr5 = [1, 2, 3]
arr5.splice(1, 0, 888, 999)
console.log(arr5) //索引1开始,删除0个元素,然后在索引1前增加888,999
arr.splice(n,m)从索引n开始删除m个元素,把删除的内容当做新数组返回,原有数组改变,
(等于删除元素)
arr.splice(n,m)从索引n开始删除m个元素,把删除的内容当做新数组返回,原有数组改变,(等于删除元素)
var arr6 = [1, 2, 3]
arr6.splice(1, 1)
console.log(arr6) //索引1开始,删除1个元素
var arr6 = [1, 2, 3]
arr6.splice(1, 1)
console.log(arr6) //索引1开始,删除1个元素
数组的删除数组的删除pop()删除数组的最后一项
var arr7 = [1, 2, 3]
arr7.pop()
console.log(arr7)
var arr7 = [1, 2, 3]
arr7.pop()
console.log(arr7)
shift() 删除数组的的第一项,返回的是删除的那一项,原有数组改变
var arr8 = [1, 2, 3]
arr8.shift()
console.log(arr8)
var arr8 = [1, 2, 3]
arr8.shift()
console.log(arr8)
数组的查询数组的查询查询用indexOf() ,若存在返回索引值,不存在返回-1
var arr9 = [4, 5, 6, 's']
console.log(arr9.indexOf('s')) //3
var arr9 = [4, 5, 6, 's']
console.log(arr9.indexOf('s')) //3
其他其他数组自定义连接符号 join()
var arr10 = [4, 5, 6, 's']
console.log(arr10.join("-")) //4-5-6-s
var arr10 = [4, 5, 6, 's']
console.log(arr10.join("-")) //4-5-6-s
数组合并concat()
- var arr11 = [1, 2, 3]
var arr11 = arr11.concat(7, 8, 9)
console.log(arr11) //7,8,9合并到arr11
var arr12 = [4, 5, 6]
var arr13 = [7, 8, 9]
console.log(arr12.concat(arr13)) //arr13合并到arr12
- var arr11 = [1, 2, 3]
var arr11 = arr11.concat(7, 8, 9)
console.log(arr11) //7,8,9合并到arr11
var arr12 = [4, 5, 6]
var arr13 = [7, 8, 9]
console.log(arr12.concat(arr13)) //arr13合并到arr12
数组的排列和排序reverse() 把数组倒序
var arr14 = [1, 2, 3]
console.log(arr14.reverse()) //[3, 2, 1]
var arr14 = [1, 2, 3]
console.log(arr14.reverse()) //[3, 2, 1]
sort 可以实现由大到小或者由小到大的排序,但是sort只能排序十以内的数字
var arr15 = [8, 6, 2, 4, 3, 1, 7, 5]
console.log(arr15.sort()) //[1, 2, 3, 4, 5, 6, 7, 8]
var arr15 = [8, 6, 2, 4, 3, 1, 7, 5]
console.log(arr15.sort()) //[1, 2, 3, 4, 5, 6, 7, 8]
任意数从小到大排序
var arr = [1, 2, 3, 81, 95, 3];
a = arr.sort(function(a, b) {
return (a - b);
});
console.log(a);
ary.sort(function(a, b) {
return (a - b);
})
var arr = [1, 2, 3, 81, 95, 3];
a = arr.sort(function(a, b) {
return (a - b);
});
console.log(a);
ary.sort(function(a, b) {
return (a - b);
})
总结总结
相关文章:
- jsvue封装自定义指令之动态显示title操作(溢出显示,不溢出不显示)js大全
- jsantd table按表格里的日期去排序操作js大全
- JavaScriptvue项目中js-cookie的使用存储token操作
- jsvue+Element-ui实现分页效果js大全
- jsangular8.5集成TinyMce5的使用和详细配置(推荐)js大全
- jsvue组件中传值EventBus的使用及注意事项说明js大全
- JavaScriptVue 3.0中jsx语法的使用
- js解决iView Table组件宽度只变大不变小的问题js大全
- js代码JavaScript ES 模块的使用
- jsvue 解决mintui弹窗弹起来,底部页面滚动bug问题js大全