为了后端更好的处理数据，前端统一把数据放在一个数组里。那该如何存放在一个数组中呢？经过一方查找，测试得出如下：主要有两种方式：
通过合并（连接）现有数组来创建一个新数组
示例如下：
（在数组结尾处）向数组添加一个新的元素
示例如下：
打印结果如下：
如有其他需求可查询官方文档进行学习，对你有帮助的话 点个赞 在走吧
js动态添加数组可以按下面的步骤:
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
数组转换字符串
array.join() // 将数组的值拼接成字符串。
var arr = [1,2,3,4,5]
arr.join() // 不传参数，默认按【,】进行拼接
arr.join("-") // 参数是字符串类型 按【-】进行拼接
数组的增删 *** 作
array.push(value,[value[,...]]) //将一个或多个元素添加到数组的结尾，并返回新的长度。
array.pop() //从数组中删除最后一个元素，并返回该元素的值,改变了数组的长度
array.unshift(value,[value[,...]]) //将一个或多个元素添加到数组的开头，并返回新的长度。
array.shift() //从数组中删除第一个元素，并返回该元素的值,改变了数组的长度
数组的翻转与排序
array.reverse() // 翻转数组,返回翻转过的数组
array.sort() // 默认排序顺序是根据字符串Unicode码点，比如如果是数字的话,排序结果是10小于2,因为比较的是第一位
var arr = [1,3,10,2,4,40,5]
arr.sort() // [1, 10, 2, 3, 4, 40, 5]
// sort方法可以传递一个函数作为参数，这个参数用来控制数组如何进行排序
var arr = [1,2,10,4,40,5]
arr.sort(function(a,b)
return a-b //按照正序
return b-a //按照倒序
})
数组的拼接与截取
concat：数组合并，不会影响原来的数组，会返回一个新数组。
var arr = [1,2,3]
var arr1 = ["a","b","c"]
var newArray = arr.concat(arr1) //[1,2,3,"a","b","c"]
slice:复制数组的一部分到一个新数组，并返回这个新数组，原来的数组不受影响，包含头，不包含尾
var newArray = array.slice(begin, end)
var arr = [1,2,3,4,5]
arr.slice(0,3) //[1,2,3]
arr.slice(-3,-1) //[3,4]
splice: 以新元素来替换旧元素，以此来修改数组的内容，返回被替换的内容,原数组被改变
start:开始位置 deleteCount:删除的个数 items:替换的内容
array.splice(start, deleteCount, [items[,items...])
var arr = [1,2,3,4,5]
var newArray = arr.splice(0,3,"a","b","c","d")
console.log(newArray) //[1, 2, 3]
console.log(arr) // ["a", "b", "c", "d", 4, 5]
数组查找元素
indexOf方法用来查找数组中某个元素第一次出现的位置，如果找不到，返回-1
array.indexOf(search, [fromIndex])
lastIndexOf()从后面开始查找数组中元素第一次出现位置,如果找不到，返回-1
array.lastIndexOf(search, [fromIndex])
链接：https://www.jianshu.com/p/5d4df649cca5
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）