[JavaScript]JavaScript深拷贝

Thu, 08 Dec 2016 09:42:07 +0000

1

var obj1 = JSON.parse(JSON.stringify(obj2));

以上是通过 JSON 来回转换的方法用于数组或者对象的深拷贝，不过有一些问题，但是能解决大部分情况。详见
https://segmentfault.com/a/1190000000501320

JavaScript统计textarea有效行数

Thu, 19 Mar 2015 12:30:42 +0000

最近有一个需求是需要统计一个页面中textarea的有效行数，并限制总行数，显示当前可输入剩余行数。[当然除了判行数，还可以判空格，逗号，分号等等，都是类似的]。

最初的想法是：
写一个正则将多个连续回车"\n"替换为"\n"，str.replace(/\n+/, "\n");
但是这样不能解决前面有多个空行等情况。

后来：
直接按照"\n"split，然后长度大于0的认为是一个空行，计数即可。

具体代码如下：

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33


<script type="text/javascript">
var maxTagCount = 100;
function checkLine(textArea) {
 var str = textArea.value;
 var lines = str.split('\n');
 var countLine = 0;
 for (var i = 0; i < lines.length; i++) {
 if (lines[i].length > 0) {
 countLine++;
 }
 }
 var tagElement = document.getElementById("tagTextarea");

 if (countLine > maxTagCount) {
 var varNewValue = "";
 var index = 0;
 for (var i = 0; i < lines.length; i++) {
 if (index >= maxTagCount) {
 break;
 }
 if (lines[i].length > 0) {
 index++;
 }
 varNewValue += lines[i];
 varNewValue += "\n";
 }
 textArea.value = varNewValue;
 stat_left.innerHTML = 0;
 } else {
 stat_left.innerHTML = maxTagCount - countLine;
 }
}
</script>

JavaScript on Coinidea的博客

[JavaScript]JavaScript深拷贝

JavaScript统计textarea有效行数

网页demo: countLines