1.定义数组方法
收藏
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
function arr1() {
var arr = ['a','b','c'];//定义数组
console.log(arr);
}
arr1();
</script>
</body>
</html>点击 "运行实例" 按钮查看在线实例
2.动态添加数组元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
//动态添加数组元素
function arr2() {
var arr = ['a','b','c'];
arr[3] = 'e';//指定下标添加数组
console.log(arr);
// console.log(arr.length);//length是打印数组下标的长度
}
arr2();
//注意js动态添加数组下标是以最大值加1
</script>
</body>
</html>点击 "运行实例" 按钮查看在线实例
3.往数组的后面添加元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
//往数组的后面添加元素
function arr3() {
var arr = arr.push('e');;
arr.push('e'); // push在数组的后面添加一个元素的js内置函数
//注意push有一个返回值 为新数组的下标长度
// var res = arr.push('e');
// console.log(arr.length);接受新数组长度
console.log(arr);
}
arr3();
</script>
</body>
</html>点击 "运行实例" 按钮查看在线实例
4.pop()是在数组会面删除一个元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
// pop()是在数组会面删除一个元素
function arr4() {
var arr= ['a','b','c'];
var res =arr.pop();//pop()是在数组会面弹出一个元素
console.log(res);
console.log(arr);
}
arr4();
</script>
</body>
</html>点击 "运行实例" 按钮查看在线实例
5.两个数组下标合并用for循环
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
// 两个数组下标合并用for循环
function arr5() {
var arr1= ['a','b','c'];
var arr2= ['a1','b1','c1'];
for (var i=0;i<arr2.length;i++){
arr1.push(arr2[i]);
};
console.log(arr1);
}
arr5();
</script>
</body>
</html>点击 "运行实例" 按钮查看在线实例
6.从数组的头部追加元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
//从数组的头部追加元素
function arr6() {
var arr = ['a','b','c'];
arr.unshift('e');//unshift用于在数组头部添加一个元素
console.log(arr);
}
arr6();
</script>
</body>
</html>点击 "运行实例" 按钮查看在线实例
7.从数组的头部删除元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
//从数组的头部删除元素
function arr7() {
var arr = ['a','b','c'];
var res = arr.shift();//shift用于在数组头部删除一个元素
console.log(res);
console.log(arr);
}
arr7();
</script>
</body>
</html>点击 "运行实例" 按钮查看在线实例
8.splice从数组指定下标开始删除元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
//splice从数组指定下标开始删除元素
function arr8() {
var arr = ['a','b','c'];
var res = arr.splice(1,2);//splice是从指定下标开始删除 splice里的第一个参数为要删除元素的下标 第二个参数为要删除多少条
console.log(res);
console.log(arr);
}
arr8();
</script>
</body>
</html>点击 "运行实例" 按钮查看在线实例
9.修改数组中的某个元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
//修改数组中的某个元素
function arr9() {
var arr = ['a','b','c'];
arr[1] = 'a1'; //要修改数组中的某个元素 可以直接找到该数组的下标进行直接赋值就可以
console.log(arr);
}
arr9();
</script>
</body>
</html>点击 "运行实例" 按钮查看在线实例
10.indexOf用于查找数组中的某个元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
// indexOf用于查找数组中的某个元素 如果元素存在返回该元素的下标 否则返回-1
function arr10() {
var arr = ['a','b','c'];
var res = arr.indexOf('b1');
console.log(res);
}
arr10();
</script>
</body>
</html>点击 "运行实例" 按钮查看在线实例
11.页面的跳转方法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
// 页面的跳转方法
function tiao() {
window.location.href='https://www.baidu.com';
}
tiao()
</script>
</body>
</html>点击 "运行实例" 按钮查看在线实例
总结：
1.push在数组的后面添加一个元素的js内置函数
2.pop()是在数组会面弹出一个元素
3.unshift用于在数组头部添加一个元素
4.shift用于在数组头部删除一个元素
5.splice是从指定下标开始删除 splice里的第一个参数为要删除元素的下标 第二个参数为要删除多少条
6.indexOf用于查找数组中的某个元素 如果元素存在返回该元素的下标 否则返回-1
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
