数组——复杂类型数据,用 Array 表示
数组的创建(两种方法):
第一种方法:构造函数的方法定义
例如:var arr = new Array() // 定义了一个空数组
var arr = new Array(5) // 定义了一个数组,有五个变量,但是还没有进行赋值
var arr = new Array(“a”,”b”,”c”, …) //定义了一个数组,里面有 “a”,”b”,”c”, … 这些变量
第二种方法:字面量的定义
例如:var arr = [ ] 等价于 var arr = new Array()
var arr = [“a”,”b”,”c”, …] 等价于 var arr = new Array(“a”,”b”,”c”, …)
数组常见的方法(官方函数):
1、push() 功能:在数组的末尾添加一个或多个元素,并返回新数组的长度。
function fn1() { var scores = [1,2,3,4,5,6]; // push();给数组的末尾增加一个元素 scores.push(8); console.log(scores); // 结果为[1, 2, 3, 4, 5, 6, 8],length为7 }
fn1()
2、pop() 功能:删除数组里最后一个元素,返回值就是被删除的元素。
function fn2() { var scores = [1,2,3,4,5,6] // pop();删除数组里最后一个元素 // 返回值是 6 console.log(scores.pop()) // 结果为[1, 2, 3, 4, 5] console.log(scores) } fn2()
3、unshift() 功能:在数组的开端添加一个或多个元素,并返回新数组的长度。
function fn3() { var scores = [1,2,3,4,5,6] // unshift();开端添加一个元素 // 返回值是 7 console.log(scores.unshift(8)) // 结果为[8, 1, 2, 3, 4, 5] console.log(scores) } fn3()
4、shift() 功能:删除数组里第一个元素,返回值就是被删除的元素。
function fn4() { var scores = [1,2,3,4,5,6] // pop();删除数组里第一个元素 // 返回值是 1 console.log(scores.shift()) // 结果为[2, 3, 4, 5, 6] console.log(scores) } fn4()
5、concat() 功能:可以给数组的末尾增加元素,但是cancat并不会改变原始的数组,concat的返回值是添加元素后的结果,既可以拼接数组,也可以拼接元素。
function fn5() { var scores = [1,2,3,4,5,6] // 结果为[1, 2, 3, 4, 5, 6, 7, 8] console.log(scores.concat(7,8)) // 结果为[1, 2, 3, 4, 5, 6] console.log(scores) } fn5()
6、reverse() 功能:把数组的元素的顺序进行颠倒。
function fn6() { var scores = [1,2,3,4,5,6] // 结果为[6, 5, 4, 3, 2, 1] console.log(scores.reverse()) // 结果为[6, 5, 4, 3, 2, 1] console.log(scores) } fn6()
7、slice() 功能:从数组里取出一部分元素(根据起始下标和结束下标),但不包括结束下标;不会改变原始数组。
function fn7() { var scores = [1,2,3,4,5,6] // 结果为[3, 4, 5],表示从下标 2 取到下标 5 ,但不包括下标 5 代表的数 console.log(scores.slice(2,5)) // 结果为[1, 2, 3, 4, 5, 6] console.log(scores) } fn7()
8、join() 功能:把数组中所有元素拼接成一个字符串,元素是通过指定的分隔符进行分割的,默认为逗号;不会改变原始数组。
function fn8() { var scores = [1,2,3,4,5,6] // 结果为1,2,3,4,5,6 console.log(scores.join()) // 结果为1-2-3-4-5-6 console.log(scores.join('-')) // 结果为[1, 2, 3, 4, 5, 6] console.log(scores) } fn8()
9、sort() 功能:只能排序字符串,不能排序数字(默认是按字符编码进行排序)
function fn9(){ var arr=['t','f','b','a','c']; arr.sort(); // 结果为["a", "b", "c", "f", "t"] console.log(arr); } fn9()
10、splice() 功能:既可以添加元素,也可以删除元素,关键是它可以在在指定下标删除,或者添加。
function fn10(){ var arr = ['关羽','李逵','刘备','武松','宋江','张飞','卢本伟'] //在下标2的位置插入了 William // 结果为["关羽", "李逵", "William", "刘备", "武松", "宋江", "张飞", "卢本伟"] arr.splice(2,0,"William"); console.log(arr); //把下标为3的元素删除掉了(刘备),在下标3的位置插入了 William他姐 // 结果为["关羽", "李逵", "William", "William他姐", "武松", "宋江", "张飞", "卢本伟"] arr.splice(3,1,"William他姐"); console.log(arr); //删除元素:从下标2开始删除2个,插入元素:在下标2的位置插入了 William他弟 // 结果为["关羽", "李逵", "William他弟", "武松", "宋江", "张飞", "卢本伟"] arr.splice(2,2,"William他弟"); console.log(arr); //删除元素:从下标2开始删除3个,插入元素:在下标2的位置插入了 William他妹 和 William他哥 // 结果为["关羽", "李逵", "William他妹", "William他哥", "宋江", "张飞", "卢本伟"] arr.splice(2,2,"William他妹","William他哥",); console.log(arr); } fn10()
补充:数组的length属性
用法:例 var arr = [12,23,34,45]
console.log(arr.length) // 结果为 4
下标(索引):console.log(arr[0]) // 结果为 12
console.log(arr[2]) //结果为 34
下标还可以是变量或者表达式:var i = 0 console.log(arr[i]) // 结果为 12
console.log(arr[i+2]) //结果为 34
感谢您的阅读,欢迎留下宝贵的意见!
今天的文章数组的创建及其常见的方法有_js创建空数组分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/46208.html