老鸟学Javascript – 第二弹


原文:http://h01mes.com/veteran-new…

string 和 array

在javascript定义里,字符串(string)不可修改类型,而数组(array)则是可修改类型。

<head>
  <script>
    var str = "123";
    str[0] = "0";
    alert(str);
 
    var arr = [1, 2, 3];
    arr[0] = "0";
    alert(arr);
  </script>
</head>
<body>
</body>
</html>

结果是:

123
0,1,3

顺带一提,字符串用 “”, ”, 或者 “(用于多行定义)来表示,数组用[]。

更多例子:

<head>
  <script>
    var str = "123";
    str.length = 10;
    alert(str);
 
    var arr = [1, 2, 3];
    arr.length = 10;
    alert(arr);
    alert(arr[3]);
  </script>
</head>
<body>
</body>

运行结果:

123
1,2,3,,,,,,,
undefined

有趣的是,如果你强行改变数组的大小,javascript运行时会给数组内自动加上值undfined的元素。而字符串还是不能用这种办法修改。

转义字符 /

如果一个字符串里面包含特殊字符(比如,”,双引号本来是用来表示字符串开始和结束),我们用来做转义。

例子:

<html>
<head>
  <script>
    alert("/"");
    alert("a/nb");
    alert("a/tb");
  </script>
</head>
<body>
</body>
</html>

运行结果:

"
a
b
a    b

这里,”用来表示”,n表示换行,t表示制表符。在google里面搜索”javascript special characters”可以拿到完整的列表。

并且,我们可以使用转义字符在字符串里面直接写ascII码和Unicode。但是我暂时想不出来实在的用例,所以不做深入讨论。

连接(Concatenation)

我们用+,或者字符串模板来连接字符串:

<html>
<head>
  <script>
    var js = "javascript";
    var message1 = "I like " + js;  //using +
    alert(message1);
    var message2 = `and ${js}'s particularities`; //using string template
    alert(message2);
  </script>
</head>
<body>
</body>
</html>

运行结果:

I like javascript
and javascript's particularities

如果是数组呢,用concat()

<html>
<head>
  <script>
    var arr = ['a', 'b', 'c'];
    var added = arr.concat(['d', 'e', 'f']);
    alert(added);
  </script>
</head>
<body>
</body>
</html>

运行结果:

a,b,c,d,e,f

访问(数组和字符串)元素

用[]

<html>
<head>
  <script>
    var arr = ['a', 'b', 'c'];
    var str = "abc";
    alert(arr[0]);
    alert(str[0]);
  </script>
</head>
<body>
</body>
</html>

运行结果:

a
a

搜索

用indexOf()

<html>
<head>
  <script>
    var arr = ['abc', 'xyz', 123, 789];
    alert(arr.indexOf(123));
    alert(arr.indexOf('xyz'));
    alert(arr.indexOf(789));
    alert(arr.indexOf('abc'));

    var str = "abcxyz";//a=>0 b=>1 c=>2 x=>3
    alert(str.indexOf('xyz'));
  </script>
</head>
<body>
</body>
</html>

运行结果:

2
1
3
0
3

不解释。

子集

用substring() 和 slice() …
例子:

<html>
<head>
  <script>
    var str = "abcxyz";//a=>0 b=>1 c=>2 x=>3 y=>4 z=>5
    alert(str.substring(0, 5));// does not include 5(z)
    alert(str.substring(3));//start from 3(x) to the end

    var arr = ["a", "b", "c", "x", "y", "z"];
    alert(arr.slice(0, 5));// does not include 5(z)
    alert(arr.slice(3));//start from 3(x) to the end
  </script>
</head>
<body>
</body>
</html>

运行结果:

abcxy
xyz
a,b,c,x,y
x,y,z

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>