引言
上次我们讲了JavaScript 之对象操作 (二)
如果您希望继续了解一下 相关的技巧,且随我来吧。
开发环境准备
Dreamweaver 8+, FireFox or Google 浏览器
关键知识点
reverse() --- 颠倒数组中元素的顺序
shift() --- 把数组的第一个元素删除
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种对数组的操作方法,希望能给大家带来一定的启发和帮助,谢谢。
码字不易,您的关注是我们前进的动力。
(谢谢)