专业编程基础技术教程

网站首页 > 基础教程 正文

资深IT老张:带你学习 JavaScript 之对象操作(四)连载

ccvgpt 2024-07-26 00:10:27 基础教程 8 ℃

引言

上次我们讲了JavaScript 之对象操作 (三)

如果您希望继续了解一下 相关的技巧,且随我来吧。

资深IT老张:带你学习 JavaScript 之对象操作(四)连载

开发环境准备

Dreamweaver 8+, FireFox or Google 浏览器

关键知识点

  1. splice() --- 从数组中添加/删除项目

  2. 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种对数组的操作方法,希望能给大家带来一定的启发和帮助,谢谢。

码字不易,您的关注是我们前进的动力。

(谢谢)

我组建了一个“资深IT老张学编程”群,我希望入群的朋友们是这样的:想系统化的交流学习IT编程知识;学习软件制作技巧;想改变现状,能参与交流的。如果有意愿加入的朋友,请关注【资深IT老张】并私信给我,回复【加群】,我会与您交流沟通,邀您入群,谢谢。

Tags:

最近发表
标签列表