JavaScript-数组新增-字符串遍历解析
数组新增
1.目标
掌握数组的新增
新增
数组名.push()
2.实现思路
- 定义变量 保存数组
- 数组名.push(数据) 给数组新增数据
- 打印数组
3.代码实现
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=str, initial-scale=1.0"><title>Document</title>
</head>
<body><script>// 1. 定义变量 保存数组 数组可以保存任意数据类型的数据var arr = [];//2. 新增数据arr.push(100);arr.push('郭永恒');arr.push(true);console.log(arr);var arr = ['冯鹏程'];// arr.push('丁铭');// 一次添加多条数据// arr.push('鲁文坚', '张同舟', '郑志康')// 调用push方法得到的返回值： 数组的长度// var result = arr.push('李明奇', '杨成志', '陈志尧');var result = arr.push(100);console.log('result', result);console.log('数组arr的值', arr);</script>
</body>
</html>
4.总结
- 数组可以保存任意数据类型的数据
- 数组名.push(数据) 在数组后面新增数据’
- var 返回值 = 数组名.push(数据) 返回值是数组
- 最新的长度
4.字符串遍历
1.目标
掌握字符串的遍历
字符串的长度 字符串名.length
2.实现思路
- 定义变量 保存字符串
- for遍历字符串
3.代码实现
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><script>// 1. 定义变量 保存字符串var str = '任浩然张同舟';// 2.字符串的长度// console.log(str.length);// 字符串名[下标] 访问字符串中的具体的数据// console.log(str[0]);for (var i = 0; i < str.length; i++) {console.log(str[i]); }</script>
</body>
</html>
4.总结
字符串名.length 字符串的长度
配合for循环遍历 字符串中的每个字符