编程教育资源分享平台

网站首页 > 后端开发 正文

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

luoriw 2024-02-01 14:30:48 后端开发 12 ℃ 0 评论

引言

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

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

开发环境准备

Dreamweaver 8+, FireFox or Google 浏览器

关键知识点

  1. reverse() --- 颠倒数组中元素的顺序

  2. shift() --- 把数组的第一个元素删除

  3. sort() --- 对数组元素进行排序(ascii)

具体讲解

  • 1)reverse() --- 颠倒数组中元素的顺序

说明:该方法改变原数组, 返回该数组

【语法】

arrayObject.reverse()

【举例】:

<script type="text/javascript">

var arr = new Array(3)

arr[0] = "关注头条号"

arr[1] = "资深IT老张"

arr[2] = "有哪些好处"

document.write(arr + "<br />")

document.write(arr.reverse())

</script>

【运行结果】:

两行输出,顺序有颠倒

  • 2)shift() --- 把数组的第一个元素删除

说明: 如果数组为空,则不改变数组,返回undefined ;改变原数组;返回被删除的元素

【语法】

arrayObject.shift()

// 返回数组原来的第一个元素的值

// 如果数组是空的,那么 shift() 方法将不进行任何操作,返回 undefined 值。

// 请注意,该方法不创建新数组,而是直接修改原有的 arrayObject。

【举例】:

<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 />")

document.write(arr.shift() + "<br />")

document.write(arr)

</script>

【运行结果】:

看到了什么?

  • 3)sort() --- 对数组元素进行排序(ascii)

说明:改变原数组,返回该数组

【语法】

arrayObject.sort(sortby)

//sortby可选。规定排序顺序。必须是函数。

//如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:

//若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。

//若 a 等于 b,则返回 0。

//若 a 大于 b,则返回一个大于 0 的值。

【举例1】:

<script type="text/javascript">

var arr = new Array(3)

arr[0] = "B张三"

arr[1] = "C李四"

arr[2] = "A王麻子"

document.write(arr + "<br />")

document.write(arr.sort() + "<br />")

document.write(arr)

</script>

【运行结果】:

【举例2】:

<script type="text/javascript">

function JS_SortNum(a,b)

{

return a - b

}

var arr = new Array(6)

arr[0] = 11

arr[1] = 55

arr[2] = 33

arr[3] = 22

arr[4] = 10000

arr[5] = 1

document.write(arr + "<br />")

document.write(arr.sort(JS_SortNum)+ "<br />")

document.write(arr + "<br />")

</script>

【运行结果】:

小结

本文简单讲解了 javascript 对象的 另外3种对数组的操作方法,希望能给大家带来一定的启发和帮助,谢谢。

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

(谢谢)

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

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表
最新留言