引言
上次我们讲了JavaScript 之对象操作 (三)
如果您希望继续了解一下 相关的技巧,且随我来吧。
开发环境准备
Dreamweaver 8+, FireFox or Google 浏览器
关键知识点
splice() --- 从数组中添加/删除项目
unshift() --- 向数组的开头添加一个或多个元素
具体讲解
1)splice() --- 从数组中添加/删除项目
说明:该方法改变原数组,返回被删除的元素
【语法】
arrayObject.splice(index,howmany,item1,.....,itemX)
// index必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
// howmany必需。要删除的项目数量。如果设置为 0,则不会删除项目。
// item1, ..., itemX可选。向数组添加的新项目。
// splice() 方法可删除从 index 处开始的零个或多个元素,
//并且用参数列表中声明的一个或多个值来替换那些被删除的元素。
//如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。
【举例1】:添加元素
<script type="text/javascript">
var arr = new Array(6)
arr[0] = "张三"
arr[1] = "李四"
arr[2] = "王麻子"
arr[3] = "都喜欢"
arr[4] = "关注头条号"
arr[5] = "资深IT老张"
document.write(arr + "<br />")
arr.splice(2,0,"赵六");
document.write(arr)
</script>
【运行结果】:
圈起来的项,就是新添加的项
【举例2】:在位置2删除元素,然后添加元素
<script type="text/javascript">
var arr = new Array(7)
arr[0] = "张三"
arr[1] = "李四"
arr[2] = "王麻子"
arr[3] = "赵六"
arr[4] = "都喜欢"
arr[5] = "关注头条号"
arr[6] = "资深IT老张"
document.write(arr + "<br />")
document.write(arr.splice(2,1,"赵六") + "<br />")
document.write(arr)
</script>
【运行结果】:
王麻子被删除,在那个位置添加 赵六
【举例3】:在位置3删除2个元素,然后添加元素
<script type="text/javascript">
var arr = new Array(7)
arr[0] = "张三"
arr[1] = "李四"
arr[2] = "王麻子"
arr[3] = "赵六"
arr[4] = "都喜欢"
arr[5] = "关注头条号"
arr[6] = "资深IT老张"
document.write(arr + "<br />")
document.write(arr.splice(3,2,"钱七") + "<br />")
document.write(arr)
</script>
【运行结果】:
2个元素被删除,钱七被添加进来
2)unshift() --- 向数组的开头添加一个或多个元素
说明:改变原数组,返回新数组的长度
【语法】
arrayObject.unshift(newelement1,newelement2,....,newelementX)
//newelement1必需。向数组添加的第一个元素。
//newelement2可选。向数组添加的第二个元素。
//newelementX可选。可添加若干个元素。
//unshift() 方法将把它的参数插入 arrayObject 的头部,
//并将已经存在的元素顺次地移到较高的下标处,以便留出空间。
//该方法的第一个参数将成为数组的新元素 0,如果还有第二个参数,它将成为新的元素 1,以此类推。
//请注意,unshift() 方法不创建新的创建,而是直接修改原有的数组。
【号外】:unshift() 方法无法在 Internet Explorer 中正确地工作!
【举例】:
<script type="text/javascript">
var arr = new Array(7)
arr[0] = "张三"
arr[1] = "李四"
arr[2] = "王麻子"
arr[3] = "赵六"
arr[4] = "都喜欢"
arr[5] = "关注头条号"
arr[6] = "资深IT老张"
document.write(arr + "<br />")
document.write(arr.unshift("钱七") + "<br />")
document.write(arr)
</script>
【运行结果】:
钱七被顺序添加到第一个位置上,操作结果返回的是 8
小结
本文简单讲解了 javascript 对象的 另外2种对数组的操作方法,希望能给大家带来一定的启发和帮助,谢谢。
码字不易,您的关注是我们前进的动力。
(谢谢)