1、在数组的开头添加新元素 - unshift()
源代码:
<!DOCTYPE html>
<html>
<body>
<p id="demo">Click the button to add elements to the array.</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
var fruits = ["Banana", "Orange", "Apple", "Mango"]
fruits.unshift("Lemon","Pineapple")
var x=document.getElementById("demo")
x.innerHTML=fruits
}
</script>
<p><b>Note:</b>The unshift() method does not work properly in Internet Explorer 8 and earlier, the values will be inserted, but the return value will be <em>undefined</em>.</p>
</body>
</html>
测试结果:
Lemon,Pineapple,Banana,Orange,Apple,Mango
2、在数组的第2位置添加一个元素 - splice()
源代码:
<!DOCTYPE html>
<html>
<body>
<p id="demo">Click the button to add elements to the array.</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
var fruits = ["Banana", "Orange", "Apple", "Mango"]
fruits.splice(2,0,"Lemon","Kiwi")
var x=document.getElementById("demo")
x.innerHTML=fruits
}
</script>
</body>
</html>
测试结果:
Banana,Orange,Lemon,Kiwi,Apple,Mango
3、数组的末尾添加新的元素 - push()
源代码:
<!DOCTYPE html>
<html>
<body>
<p id="demo">Click the button to add a new element to the array.</p>
<button onclick="myFunction()">Try it</button>
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"]
function myFunction()
{
fruits.push("Kiwi")
var x=document.getElementById("demo")
x.innerHTML=fruits
}
</script>
</body>
</html>
测试结果:
Banana,Orange,Apple,Mango,Kiwi
（1）.是个属性 不是个方法；（2）.返回 字符串的长度 如果字符串内有空格 则将空格也算在内；
（1）返回指定位置的字符；
（2）括号内的参数 写需要返回的内容的索引值；
（1）用于拼接两个或多个字符串；
（2）不改变原字符串 返回一个拼接完成的字符串的 副本；
（3）可以拼接数字 会把数字强制成字符串；
（4）也可以拼接数组 但是会将分隔符一起转化为字符串；
（1）从前往后搜索
（2）返回某个指定的字符串 值 在字符串中首次出现的位置
（3）如果没有搜索到 则返回-1
（1）从后往前搜索
（2）返回某个指定的字符串 值 在字符串中首次出现的位置
（2）如果没有搜索到 则返回-1
（1）在字符串中 用一些字符串替换另一些字符串
（2）两个参数：
（3）如果有多个值 被匹配上 从前往后只替换第一个值
（1）用于把一个字符串分割成 带有字符串的数组
（2）不写参数 会将整个字符串作为一个元素 存到数组里面 不改变原字符串 返回生成的数组
（3）如果只写一个 空元素（' '）则将字符串 每一个值都作为元素 存到数组里面 包括字符串里面的空格
（4）如果写了参数 在字符串两端 则将参数 转化成空元素
（5）反之 将参数 转译成分隔符
（6）如果是两个参数 第二个参数 代表 生成的数组的长度
（1）可在字符串中抽取以指定索引值开始的指定数目的字符
（2）只有一个参数的时候 从指定地方开始 一直到结束
（3）两个参数 从指定位置开始 截取指定长度
（1）提取字符串 指定开始位置 到指定结束位置 之间的字符
（2）只有一个参数的时候 从指定地方开始 一直到结束
（3）两个参数 从指定位置开始 到指定位置结束
（1）用来将字符串转为小写
（2）仅针对于英文字母
（1）用来将字符串转为大写
（2）仅针对英文字母
（1）向数组末尾添加元素，并返回新的长度
（2）直接修改原数组，而不是创建新数组
（3）可以往数组中添加数组，但是被添加的数组是作为元素存储在原数组中，而不是拼接
（1）向数组开头添加元素，并返回新的长度
（2）直接修改原数组，而不是创建新数组
（3）可以往数组中添加新数组，但是被添加的数组是作为元素存储在原数组中，而不是拼接
（1）删除并返回数组的最后一个元素，修改原数组
（2）将数组长度-1
（3）如果数组为空，pop()不改变原方法，返回underfined
将数组的第一个元素删除并返回值，修改原数组
（1）向数组中添加一个元素，或删除一个元素（返回删除元素）
（2）可以添加数组，但是被添加的数组以元素形式添加
（3）删除和添加可以同时进行
（1）用来连接两个或多个数组，该方法不会改变现有数组
（2）只会返回一个被连接数组的副本
（3）副本数组的拼接，是按顺序拼接，接受的数组在前面，往进添加的数组在后面，不是以元素形式存在，直接拼接
（1）分隔符可以是','空格，只作用与最外层数组元素
（2）用来把数组中所有的元素放入一个字符串，数组转化字符串方法
（3）不会改变原数组，会返回一个新的字符串，可用变量接收
（4）如果原数组是二维数组，会将里面作为元素的数组，也转化为字符串
返回截取新数组，start必写
1、字面量的方式创建数组 ：
let arr = ['张三','李四','王五']
let num = [11,22,33,44]；
console.log(arr)
数组的下标从0开始
2、构造函数的方式创建数组
new Array(size)
表示数组中可存放的元素总数
规定了总数 但是添加一个数 总数也会增
new Array()实例化一个数组对象
let arr = new Array(3)
arr = [1,2,3,4]
声明时赋值 ：
let arr = new Array(1,2,3,4,5,6)
分别赋值 ：
let arr = new Array(3)
arr[0] = 'zhangsan'
arr[1] = 'lisi'
arr[2] = 'wangwu' ；
3、通过数组的名称和下标直接访问数组的元素
console.log(arr[1])
for(var i in arr){
console.log(arr[i])}
4、属性 length 设置或返回数组中元素的数目
let arr = [1,2,3,4,5]
console.log(arr.length)
5、 join( ) 把数组的所有元素放入一个字符串，通过一个分隔符进行分隔
把数组转成字符串
let newstr = arr.join()
join()里面没有传任何参数 默认以逗号连接
join('') 数字中间没有任何字符拼接
let newstr = arr.join('+')
console.log( typeof(newstr) )
console.log(newstr)
6、 sort() 对数组排序
隐式数据类型转换 会字符串类型的转成数字类型进行排序
let arr = ['2', '3', '1', '5', '0']
let newarr = arr.sort()
sort方法 会把老数组和新产生的数组都进行排序
console.log(arr, newarr)
sort()对应多位数排序会出现问题
let arr = [2,22,3,32,1,12,100]
sort 给我们提供的解决方法
arr.sort(function(a,b){
从小到大的顺序
return a-b
从大到小的顺序
return b-a})
console.log(arr)
7、 push() 向数组末尾添加一个或更多元素，并返回新的长度
在外面定义的叫全局变量
let stu = ['小张','小王','小李']
console.log(stu)
方法里面的叫局部区域
function fn(){
因为stu 是全局的 所以在方法里面 可以获取到
数组可以添加重复的数据
push也可以添加多个数据
let a = stu.push('丽丽','倩倩','雯雯')
console.log(a)
console.log(stu)}
定义一个空数组 点击添加按钮 可以在空数组里面添加
姓名 点击一个添加 可以把数组使用 dw 显示在页面上
let arr = []
function fn(){
arr.push('xiaoa')
document.write有个缺陷，用按钮点击的时候
会把整个页面进行重新绘制，导致页面原来的内容丢失
document.write(arr)} }
8、 concat() 合并两个数组
对原来的两个数组 没有任何改变，会生成一个拼接好的新数组
let arr1 = [1,2,3]
let arr2 = [4,5,6]
let arr3 = [7,8,9]
拼接多个数组
let newarr = arr1.concat(arr2).concat(arr3)
console.log('arr1',arr1)
console.log('arr2',arr2)
console.log('newarr',newarr)
es6合并数组 要是用扩展运算符 ...
等同于 [1,2,3] 把arr1的括号去掉，
把里面的内容拿出来了
let newarr = [...arr1]
let newarr = [...arr1,...arr2,...arr3]
console.log(newarr)
eg1：定义 三个数组 分别是 三组学生的信息 第一组 姓名 年纪 性别
把三个数组 拼接起来 使用两种方式
数组中的splice方法 可以对数组进行增删改
splice()里面有三个参数，
第一个参数表示 你要 *** 作的数组元素的索引
第二个参数表示 你要从你选择的索引开始要删除的个数
第三个参数表示 你要添加的数组元素
let arr = ['张三','李四','王五']
删除李四
arr.splice(1,1)
把王五修改成丽丽
arr.splice(2,1,'丽丽')
添加 你想在哪里添加就在哪里添加
把倩倩放在数组索引为2的位置 因为第二个参数是0 所以王五不会被删除
arr.splice(2,0,'倩倩')
使用splice在数组的末尾添加
arr.splice(3,0,'倩倩')
在任意数组末尾的位置进行添加
arr.splice(arr.length,0,'倩倩')
console.log(arr)
eg2：写一个数组 里面有姓名 年纪 性别 展示在页面上
再写三个按钮 点击 可以实现
数组的末尾添加一个信息 删除年纪 修改性别 点击完成之后
数组的最终结果使用alert打印出来
let arr = ['张三',20,'男']
document.write(arr)
function fn(str){
if(str=='add'){
arr.splice(arr.length,0,'奔驰')
alert(arr) }
if(str=='del'){
arr.splice(1,1)
alert(arr) }
if(str=='update'){
arr.splice(1,1,'女')
alert(arr） } }
let arr = ['张三','李四','王五']
push在数组的末尾添加一个元素
pop 删除数组的最后一个元素
arr.pop()
console.log(arr)
shift 删除数组的最前面的一个元素
arr.shift()
console.log(arr)
unshift 在数组的最前面添加一个数组
arr.unshift('丽丽')
console.log(arr)
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）