JavaScript-数组新增-字符串遍历解析

数组新增

1.目标

掌握数组的新增

新增

​ 数组名.push()

2.实现思路

  1. 定义变量 保存数组
  2. 数组名.push(数据) 给数组新增数据
  3. 打印数组

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>Documenttitle>
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.总结

  1. 数组可以保存任意数据类型的数据
  2. 数组名.push(数据) 在数组后面新增数据’
  3. var 返回值 = 数组名.push(数据) 返回值是数组
  4. 最新的长度

4.字符串遍历

1.目标

掌握字符串的遍历

字符串的长度 字符串名.length

2.实现思路

  1. 定义变量 保存字符串
  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>Documenttitle>
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循环遍历 字符串中的每个字符

你可能感兴趣的:(javascript,前端,开发语言)